I'm using Cycle, with navigation, with anchors to link each slide to a page. The first round through, the anchors change on each slide to the correct link, but then it sticks on the last slide's anchor, so that any of the other slides link to the last slide's href destination.
Then, using the pager element to change the slide also doesn't change the anchor destination.
This is the structure of the slideshow:
- <div class="slideItem">
- <a href="first_location.php" >
- <img src="images/AllPhotos/Home/stock.jpg" border="0"/>
- <div class="slideInfo">
- <h2 class="heading">First heading</h2>
- <p>First description</p>
- </div>
- <h4 class="slideTag">First subheading</h4>
- </a>
- </div>
- <div class="slideItem">
- <a href=" second_location.php " >
- <img src="images/AllPhotos/Home/stock2.jpg" border="0"/>
- <div class="slideInfo">
- <h2 class="heading">2nd heading</h2>
- <p>2nd description.</p>
- </div>
- <h4 class="slideTag">2nd subheading</h4>
- </a>
- </div>
...and so on.
I read that using anchors as slide elements can be unpredictable... is this the problem? It doesn't seem to help if I just wrap an inner heading in the anchor tag, instead of the whole slide.
Happy to share the live example if needed.
Any thoughts or help is really appreciated. Thanks!