- Web templates
- E-commerce Templates
- Loaded Commerce
- E-Commerce Comparison
- E-commerce Comparison: Payment and Shipping methods
- E-commerce templates compatibility table
- CMS & Blog Templates
- CMS Comparison
- CMS templates versions compatibility
- Facebook Templates
- Website Builders
JS Animated. How to create unique/stand-alone prettyphoto lightbox image galleries
December 13, 2012
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