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.
Cycle2 slideshow page
<img src="images/home_page/foodscale_web.jpg" data-cycle-hash="big">
Thumbnail page
<a href="index.html#big"><img src="images/digital_page/foodscale_thumbnail.jpg"></a>