Categories

Featured templates

JS Animated. How to create unique/stand-alone prettyphoto lightbox image galleries

Daniel Morales December 13, 2012
Rating: 5.0. From 1 vote.
Please wait...

This tutorial will show you how to assign unique/stand-alone prettyphoto lightbox image galleries.

As you can see, prettyphoto gallery uses all the existing images in lightbox by default.

Let us add unique images to the first gallery.

Open your index.html file (your file may have different name) with any php/html editor.

Using search tool (Ctrl+F) locate the code for your first image gallery, f.e:

The number in square brackets is the identifier of lightbox gallery.

All <a> tags images with value 1 for this parameter will be displayed in the lightbox gallery.

Duplicate the code for your first image gallery.

Change the identifier for all the images.

Insert the name of desired image instead of the default one.

Add more images if needed.

Unique gallery has been successfully created.

This is the end of the tutorial. Let us know if you have any questions.

Feel free to check the detailed video tutorial below:

JS Animated. How to create unique/stand-alone prettyphoto lightbox image galleries
This entry was posted in JS Animated tutorials and tagged gallery, lightbox, prettyphoto. Bookmark the permalink.

Submit a ticket

If you are still unable to find a sufficient tutorial regarding your issue please use the following link to submit a request to our technical support team. We'll provide you with our help and assistance within next 24 hours: Submit a ticket