Is it possible to show only one thumbnail instead of 20 with lightbox jquery tutorial?

Q: I am playing with the free version and love it so far, but have a question. Say I have 20 photos I want to put in a Photo Gallery. Now I drag all the photos into Visual Light Box. When I place them into a page on a website I am seeing all 20 photos. How can I make it so I only see the first photo and when you click on it the photo the gallery starts playing from one photo to another?

A: You can use the following parameter to hide thumbnails you don't want to display on the page:

style="display: none;"


for example:

<!-- Start VisualLightBox.com BODY section -->
<div id="vlightbox">
<a class="vlightbox" href="data/images/9.jpg" title="9">
<img src="data/thumbnails/9.jpg" alt="9"/></a>


<a class="vlightbox" href="data/images/7.jpg" title="7" style="display: none;">
<img src="data/thumbnails/7.jpg" alt="7"/></a>


<a class="vlightbox" href="data/images/10.jpg" title="10" style="display: none;">
<img src="data/thumbnails/10.jpg" alt="10"/></a>

<a id="vlb" href="http://visuallightbox.com">Photo Gallery Creator by VisualLightBox.com v5.0</a>
<script src="engine/js/visuallightbox.js" type="text/javascript"></script>
</div>
<!-- End VisualLightBox.com BODY section -->

Recent Questions »

Related