Pretty Photo gallery free download

Pretty Photo gallery free download

About Pretty Image Gallery

The pretty Photo gallery is a powerful jQuery Lightbox which fulfills most needs, especially the one bundled in JIG. The plugin comes with a customized model which has really good social sharing choices and good deeplinking.

A lot of persons are familiar with its layout because it’s used on many websites throughout the online. This tutorial we will learn how to implement the jQuery pretty photo gallery lightbox plugin on your website.

Most of the HTML themes are using a pretty photo gallery and portfolio page. the jQuery pretty photo lightbox plugin has been tested and is known to work in the following browsers.

  • Firefox 3.0+
  • Google Chrome 10.0+
  • Internet Explorer 6.0+
  • Safari 3.1.1+
  • Opera 9+”

Basically, for using a Pretty Photo gallery that you must add some scripts to your website or weblog just like the jQuery library, pretty Photo gallery JS (JavaScript), and the pretty Photo gallery CSS within the head or footer of the web page(s). It appears to be like like this:

Javascript and css files

  1. bootstrap.min.css
  2. bootstrap.min.js
  3. jquery.min.js
  4. prettyPhoto.css
  5. jquery.prettyPhoto.js
image gallery

Building the javascript script for image gallery

Then you possibly can initialize the javascript function, use pretty Photo Gallery by using the following JS code (you must put it before the closing of the body tag):

Building the HTML code for the photo gallery

With this method require your theme already integrated pretty Photo (or different lightbox library). What we have to do this’s including the class (class=”prettyPhoto” or class=”lightbox”) and the attributes (data-rel=”prettyPhoto” or rel=”lightbox”) to each picture inside your publish.

Add the below CSS in your style.css file to design the Photo Gallery

Conclusion

This awesome pretty photo gallery jQuery plugin is developed by pretty photo. For extra Advanced Usages, please verify the demo page or go to the official web site.

Check out the full source code for the photo gallery