Mister Babu Mister Babu - 1 year ago 111
jQuery Question

How can I insert anchor tag in this slideshow?

Here is my HTML:

<div class = "slideshow">
<div class="cycle-slideshow" data-cycle-timeout=2000 data-cycle-fx="tileSlide" data-cycle-center-horz=true data-cycle-center-vert=true data-cycle-caption-plugin="caption2">
<!-- empty element for pager links -->
<div class="cycle-pager"></div>

<div class="cycle-overlay"></div>

<img src="images/slideshow/parallax1.jpg" data-cycle-title="Spring" data-cycle-desc="Sonnenberg Gardens">
<img src="images/slideshow/parallax2.jpg" data-cycle-title="Albastrel6" data-cycle-desc="A youtuber which is earning milions by scratching his nose, while recording.">
<img src="images/slideshow/parallax3.jpg" data-cycle-title="Spring" data-cycle-desc="Sonnenberg Gardens">
<img src="images/slideshow/parallax4.jpg" data-cycle-title="Spring" data-cycle-desc="Sonnenberg Gardens">

I want to insert the anchor tag so that, if you press on an image, you will be sent to another page, but I do not know how... I used jquery cycle 2 plugin to make this slideshow.

Whenever I use the anchor tag like this:

<a href="http://www.google.com"><img src="images/slideshow/parallax1.jpg" data-cycle-title="Spring" data-cycle-desc="Sonnenberg Gardens"></a>

My slideshow will show all the images in a column.
Like this.

Answer Source

Found it, I just had to add data-cycle-slides="a" in the <div class="cycle-slideshow">.

Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download