1 Reply Latest reply: Dec 19, 2013 10:52 PM by Ben Pleysier RSS

    How do I make an image link to a specific slide in a cycle2 slideshow?

    Noradc Community Member

      Hello.  I would like to make my thumbnail images become links  to larger images on another page.  The the larger images will be in a slideshow that will be manual or interactive with forward and back buttons. But I would like the visitor to be able to go directly to the larger image rather than to the beginning of the slideshow.   I practiced by applying the following information on my existing  cycle2 slideshow that automatically advances to the next slide. 

       

      Cycle2 slideshow page

       

      <a name="big" id="big"></a><img src="images/home_page/foodscale_web.jpg">

       

       

      Thumbnail page

       

      <digital_page_thumbnail li>

      <a href="index.html#big"><img src="images/digital_page/foodscale_thumbnail.jpg"></a>

      </digital_page_thumbnail li>

       

       

      But this was not effective.  So I tried the followng...

       

      <a name="big" id="big"><img src="images/home_page/foodscale_web.jpg"></a>

       

      Placing the </a> tag at the end took the image out of the slideshow and made it visible beneath it.  If using the # symbol is correct, I would appreciate knowing how to use it for this purpose of enabling the visitor to go directly to a specific location in a slideshow.  Thank you very much.