I have been following the mini-gallery template in which images are placed in a hidden div container and are then accessed by clicking on a single thumbnail: http://highslide.com/example-mini-gallery.html
The problem i'm having is that Highslide isn't picking up my images from the hidden <div> container.
When i click on the image on my site (www.globexposure.net/index.php) - click on the Norwich (SE England) pushpin > arrow > airplane icon...
...it doesn't give you the option to scroll Previous/Next through the additional images that are present in my hidden div. What do you think is wrong?
If it helps, i have included, below, what is contained in my database, for this image thumbnail:
Code: Select all
<div><a id="thumb1" href="/includes/travel_pics/163/Toby Texas Chainsaw Massacre.jpg" class="highslide" onclick="return hs.expand(this)">
<img style="float: left; margin: 0px 10px 8px 0px;" src="/includes/travel_pics/163/Toby Texas Chainsaw Massacre.jpg" width="100" height="100" alt="Highslide JS" title="Click to enlarge"/></a>
My family moved here, from College Road, when I was aged 12, after I spotted the house was for sale when we visited another further down the Close. We couldn't believe our luck when it was in our budget and this is where my folks have been based since 1992...and I dare say for a fair few years to come.
<div class="hidden-container">
<?php include ('includes/travel_pic_thumbnails.php?poi_id=163'); ?>
</div>
</div>
Any help and suggestions greatly appreciated.