prettyPhoto jQuery based lightbox is a jQuery based lightbox clone. It supports images, videos, flash, YouTube, iFrames. It’s a full blown media lightbox. Just click any of the images below and media presentation and navigation popup will start. The setup is easy and quick, plus the script is compatible in every major browser:
- Firefox 2.0+
- Safari 3.1.1+
- Opera 9+
- Internet Explorer 6.0+
The extension will be automatically enabled for any link element <a> just by adding rel="prettyPhoto[gallery id]"
Look here for an working example.
Installation
Download the prettyPhoto.zip and unpack it in your BlogEngine .Net root folder
Here an original prettyPhoto javascript file is included, two .css and two files to be placed in the BlogEngine extensions. Please let me know if any problems.
Using
To do so, simply:
- For every new gallery, select a new gallery id
- Create a link (<a href=”#”>).
- Add the rel attribute “prettyPhoto” to it (rel=”prettyPhoto[gallery id]”).
- Change the href of your link so it points to the full size image, url to a .SWF or .MOV file, youtube video page or a link to a webpage.
- Customize the appearence of your link (by inserting images inside, for instance)
- Add new links until necessary (by returning to the step 2)
You can also add a title and a description to your picture:
- To have display a title, add the title into the ALT attribute or your thumbnail image.
- To have display a description, add the description into the TITLE attribute or your link.