How to run the tutorial jquery lightbox from the text link

Q: Dear Support,

Is it possible to launch Visual Lightbox from a link in a paragraph? I would like to launch a Visual Lightbox slideshow from the words "Click here for slideshow"

A: Yes, it is possible to make it.

For this purpose you should replace the thumbnails by the text "Click here for slideshow"
and make other thumbnails invisible (using style="display:none;").
For example, you should open index.html file in any text editor and change:

<div id="vlightbox1">
        <a class="vlightbox1" href="index_files/vlb_images1/1.jpg" title="1"><img src="index_files/vlb_thumbnails1/1.jpg" alt="1"/></a>
<a class="vlightbox1" href="index_files/vlb_images1/2.jpg" title="2"><img src="index_files/vlb_thumbnails1/2.jpg" alt="2"/></a>
<a class="vlightbox1" href="index_files/vlb_images1/3.jpg" title="3"><img src="index_files/vlb_thumbnails1/3.jpg" alt="3"/></a>
<a class="vlb" href="http://visuallightbox.com">jquery lightbox example code by VisualLightBox.com v5.6</a>
        </div>


to:

<div id="vlightbox1">
        <a class="vlightbox1" href="index_files/vlb_images1/1.jpg" title="1">Click here for slideshow</a>
<a class="vlightbox1" href="index_files/vlb_images1/2.jpg" title="2" style="display:none;"><img src="index_files/vlb_thumbnails1/2.jpg" alt="2"/></a>
<a class="vlightbox1" href="index_files/vlb_images1/3.jpg" title="3" style="display:none;"><img src="index_files/vlb_thumbnails1/3.jpg" alt="3"/></a>
<a class="vlb" href="http://visuallightbox.com">jquery lightbox example code by VisualLightBox.com v5.6</a>
        </div>

Recent Questions »

Related