How to display just one thumbnail of the gallery in online image gallery

Q: Dear Support,

I would like to add several different galleries into my page but I don't want to display all the thumbnails of each gallery. Is it possible to show just one thumbnail of each gallery? So, the users will be able to click on it and start to watch the gallery?

A: You can make it manually.

1)You should open vlightbox.css file in any text editor and find the following code:

#vlightbox1 .vlightbox1 {
	display:-moz-inline-stack;
	display:inline-block;
...


and change the display property from display:inline-block; to display:none;

#vlightbox1 .vlightbox1 {
	display:-moz-inline-stack;
	display: none;
...



2) You should open index.html file any text editor and set style="display:inline-block;" for the thumbnail that you want to make visible on your page, for example:

<a class="vlightbox1" href="index_files/vlb_images1/1.jpg" title="1" style="display:inline-block;">

Recent Questions »

Related