Search code examples
htmlslideshowhrefcaptionorbit

Orbit slider caption and link on same slide

I have successfully implemented the orbit slider, everything works, i just can't get the slides to display captions and also have links on the pictures.

Example code:

<img src="images/slideshow/dummy-images/1.jpg"  data-caption="#htmlCaption" />

this works perfectly

<a href="url here"><img src="images/slideshow/dummy-images/halo.jpg" /></a>

also works perfectly, but

<a href="url here"><img src="images/slideshow/dummy-images/halo.jpg" data-caption="#htmlCaption" /></a>

makes the picture disappear and nothing will show. No error message, no nothing.

every orbit file is untouched and I still can't get it to work.

Am I doing something wrong here?

Any help appreciated, Alex

Solution

  • Some sources suggest using the minified version causes problems with anchors. So, first just try not using a min version. Also, it is suggested to replace ul and li with div and a.

    This is a bit old but might be helpful, check the last bits: https://github.com/zurb/orbit/issues/7