Help with prettyPhoto
To have an image open with prettyPhoto anywhere in your content (articles,
pages, etc…), just insert rel="prettyPhoto" in the link, e.g.:
<a href="large_image_url" rel="prettyPhoto" title="">
<img src="thumbnail_url" width="60" height="60" alt="" /></a>
It is the same for video, just use the video url instead of the large image url:
<a href="your_video_url_goes_here" rel="prettyPhoto" title="">
<img src="thumbnail_url" width="60" height="60" alt="" /></a>
To group multiple images into a gallery add the suffix [galleryName] to rel="prettyPhoto" so that it looks like this rel="prettyPhoto[galleryName]". Keep the gallery name the same for all the images you’d like grouped:
First image:
<a href="large_image1_url" rel="prettyPhoto[portfolio]" title="">
<img src="thumbnail1_url" width="60" height="60" alt="" /></a>
Second image:
<a href="large_image2_url" rel="prettyPhoto[portfolio]" title="">
<img src="thumbnail2_url" width="60" height="60" alt="" /></a>
Video example with prettyPhoto:
For more examples and various formats support visit the prettyPhoto demo page
Recent Comments