Premium Templates
Image Galleries
Image Effects
Video Players
Audio Player
Other Effects
Copyright © Flying Cow Labs All Rights Reserved.
Website crafted using the Serif Software Suite
If you’ve found these tutorials useful please help the world's poorest communities
by making a small donation to WaterAid -
PrettyPhoto Demo
Simple text or image hyperlink to PrettyPhoto
Add a hyperlink to text or an image in your web page, then in the URL address add the image file location followed by the rel=”prettyPhoto” attribute.
prettyphoto/images/fullscreen/bridge_lrg.jpg" rel="prettyPhoto
Example: Bridge image
Create Galleries
Add multiple galleries that can be scrolled using the ‘prev’ and ‘next’ buttons in PrettyPhoto.
As above but include the [gallery] attribute, ie:
To add multiple galleries to a single page, simply change the word ‘gallery’ for something else for each gallery.
prettyphoto/images/fullscreen/tunnel_lrg.jpg" rel="prettyPhoto [gallery]
External Web Content
Open pages from external website’s in PrettyPhoto
Set the size of the window or set to open at 100% of the viewers monitor.
Examples:
Set to open at 800 x 400 pix Google.com
Set to open at 100% Google.com
http://www.google.com?iframe=true&width=800&height=400" rel="prettyPhoto[iframes]
http://www.google.com?iframe=true&width=100%&height=100%" rel="prettyPhoto[iframes]
http://www.youtube.com/watch?v=Wso13n4kHZ4&feature=rec-r2" rel="prettyPhoto"
Additional settings
For extra settings, visit the script authors website at www.no-
This is Part 2 of the PrettyPhoto tutorial, click here for Part 1