DENVER DUBSTEP

To add a lightbox to your images, add rel="lightbox" attribute to any link tag to activate the lightbox. For example:

<a href="image-1.jpg" rel="lightbox">image #1</a>

<a href="image-1.jpg" rel="lightbox[][my caption]">image #1</a>

To show a caption either use the title attribute or put in the second set of square brackets of the rel attribute.

If you have a set of related images that you would like to group, then you will need to include a group name between square brackets in the rel attribute. For example:

<a href="image-1.jpg" rel="lightbox[roadtrip]">image #1</a>
<a href="image-2.jpg" rel="lightbox[roadtrip][caption 2]">image #2</a>
<a href="image-3.jpg" rel="lightbox[roadtrip][caption 3]">image #3</a>


There are no limits to the number of image sets per page or how many images are allowed in each set.

If you wish to turn the caption into a link, format your caption in the following way:

<a href="image-1.jpg" rel='lightbox[][<a href="http://www.yourlink.com">View Image Details</a>]' >image #1</a>

Video Filter

You may insert videos from popular video sites by using a simple tag [video:URL].

Examples:

• Single video:
  [video:http://www.youtube.com/watch?v=uN1qUeId]
• Random video out of multiple:
  [video:http://www.youtube.com/watch?v=uN1qUeId1,http://www.youtube.com/watch?v=uN1qUeId2]
• Override default autoplay setting: [video:http://www.youtube.com/watch?v=uN1qUeId autoplay:1]
• Override default width and height:
  [video:http://www.youtube.com/watch?v=uN1qUeId width:X height:Y]
• Override default aspect ratio:
  [video:http://www.youtube.com/watch?v=uN1qUeId ratio:4/3]
• Align the video:
  [video:http://www.youtube.com/watch?v=uN1qUeId align:right]

Supported sites: YouTube, Google Video, Tangle, DailyMotion, Revver, Vimeo, Flickr Slideshows, Flickr Video, Game Videos, Meta Cafe, Streamhoster, Game Trailers, College Humor, MySpace, Capped, Blip.tv, Slideshare, Picasa Slideshows, Teachertube.

Special instructions:

• Slideshare:
  You need to construct your own URL, using the "Wordpress Embed" code from Slideshare, extract the "id" and "doc" parts, and form the URL like this: slideshare.net/?id=1759622&doc=usingdrupal-090723103440-phpapp01.
• Picasa Slideshows:
  You must use the URL of the RSS feed for the Picasa album:
  1. View the album in Picasa (you should see thumbnails, not a slideshow).
  2. Find the "RSS" link and click it.
  3. Copy the resulting URL from the browser address bar. Example:
     [video: http://picasaweb.google.com/data/feed/base/user/USER_NAME/albumid/5568104935784209834?alt=rss&kind=photo&hl=en_US]