Links from images in Carousel Gallery

[anthony.mann...@gmail.com]

I'm trying to add links to each image of a carousel gallery - so if a user clicks & releases without dragging it'll link to a page.

Is there any way of doing this?

The JS code seems to place the images in an array handed to the component, and they don't exist in the html so I can't simply add IDs and some script.

Events inside GWD wont let me reference each image, only the carousel component itself.

[Kishore Subramanian]

This is a limitation in the current Carousel component. I have seen similar requests from other users. I will create a feature request internally.

Kishore (GWD team)

[ronlett...@gmail.com]

I also need to listen for current image events in order to animate text in and out depending on each image, and hide or display right and left arrows, which should also trigger gallery by touch, not just swipe. It would also be great to have an "infinite loop" setting, where swiping to left of first image loads last, and swiping to right of last image loads first.

Thanks!
Ron

[bonjou...@gmail.com]

ME EITHER!!!

[flavior...@gmail.com]

Hi Kishore,

It's been almost a year and nothing has been done to it?
I would love to work with Google, but without this basic functionality is difficult.
There's no way to add the event in image, maybe by java script? There is another solution?

[Jeremy Banks]

It is possible to specify per-frame exit URLs for Swipable Gallery components in Google Web Developer. However, this functionality is not yet exposed through any Design View UI; you must edit the HTML in Code View to take advantage of this.

To demonstrate with an example: I've created a new document, added a Swipable Gallery component, and added three image frames to the gallery. After I switch into Code View, I see the component represented by the following HTML:

<gwd-swipegallery id="gwd-swipegallery_1" scaling="contain" class="gwd-swipegallery-e7iy" images="assets/search.png,assets/news.png,assets/mail.png"></gwd-swipegallery>

I would like to link the first frame to https://www.google.com/, the second frame to https://news.google.com/, and the third frame to https://mail.google.com/. I do this by adding a new "exit-urls" attribute to the tag. Its value must be a comma-separated list of exit URLs, like how the gallery's "images" are a comma-separated list of image URLs:

<gwd-swipegallery id="gwd-swipegallery_1" scaling="contain" class="gwd-swipegallery-e7iy" images="assets/search.png,assets/news.png,assets/mail.png" exit-urls="https://www.google.com/,https://news.google.com/,https://mail.google.com"></gwd-swipegallery>

If there are certain frames which I don't want linked, I can just leave their entry in the comma-separated list empty. For example, if I didn't want the second frame to be linked:

<gwd-swipegallery id="gwd-swipegallery_1" scaling="contain" class="gwd-swipegallery-e7iy" images="assets/search.png,assets/news.png,assets/mail.png" exit-urls="https://www.google.com/,,https://mail.google.com"></gwd-swipegallery>

Unfortunately, this is not currently supported by the other types of galleries.

[flo...@dailycamera.com]

How do can you set metricID to those links so you can track the exits in DFPP?

[roanne...@gmail.com]

Is there anyway you can link other pages?

[pranav...@gmail.com]

This works for Swipeable gallery however not with Carousel Gallery component. :( Any idea how to do that for Carousel?