Full Size Image Window From Preview Gallery
Hello,
I need some help with the code for finishing off my image gallery. I so far have a scrollable image gallery of some thumbnails, I now wish to be able to click on the thumbnails and it load the corresponding full sized image with the website and everything else behind it being darkened/dimmed.
the xhtml is structured like this so far, with no links to the full size images
<div class="sc_menu">
<ul class="sc_menu">
<li><a href="#">
<img src="Images\Done\Day\DSC_0425_Thumb.png" alt="Menu"/><span>example one</span>
<img class="Pink" src="Images\PinkBanner.png" alt="Menu"/>
</a></li>
</ul>
</div>
the full size images have the same filenames minus the _Thumb suffix.
Is there a way to logically link the corresponding images? Do i add both images to the same li and hide the visibility of it somehow?
Any advice/help/suggestions and comments are more than welcome.
Thank you
I need some help with the code for finishing off my image gallery. I so far have a scrollable image gallery of some thumbnails, I now wish to be able to click on the thumbnails and it load the corresponding full sized image with the website and everything else behind it being darkened/dimmed.
the xhtml is structured like this so far, with no links to the full size images
<div class="sc_menu">
<ul class="sc_menu">
<li><a href="#">
<img src="Images\Done\Day\DSC_0425_Thumb.png" alt="Menu"/><span>example one</span>
<img class="Pink" src="Images\PinkBanner.png" alt="Menu"/>
</a></li>
</ul>
</div>
the full size images have the same filenames minus the _Thumb suffix.
Is there a way to logically link the corresponding images? Do i add both images to the same li and hide the visibility of it somehow?
Any advice/help/suggestions and comments are more than welcome.
Thank you
Topic Participants
prodigy
Kevin Boudloche