Lightview for WordPress
Introduction
Lightview is similar to Lightbox yet superior to Lightbox. Since version 2.0, Lightview has been able to overlay not only images but also videos, iframed webpages, and almost anything! It works with all popular browsers. The original Lightview JS is a project by Nick Stakenburg.
Demonstration
The first photo is an individual one, while the rest four are grouped together.
The above three images are linking to: 1). A Flash color scheme generator 2). A QuickTime movie trailer 3). A webpage.
Installation
- Download the WordPress plugin, extract the "lightview" folder somewhere.
- Download the Lightview script from its official website, put the 3 folders "js", "images" and "css" into the "lightview" folder from the WordPress plugin. Choose to replace if asked.
- Upload the "lightview" folder to
/wp-content/plugins/, then activate it.
Why so complicated? Please understand that Lightview is no longer free. Nick Stackenburg was generous enough to approve the redistribution of this WordPress plugin, so please respect his decision and pay for it like I did. Go to the official Lightview project page and you'll find the way to purchase a license and download the script.
How to Use
- For a single image:
<a href="foobar.jpg" class="lightview">foobar</a> - For a set of images:
<a href="foo.jpg" class="lightview" rel="gallery[foobar]">foo</a>
<a href="bar.jpg" class="lightview" rel="gallery[foobar]">bar</a> - For a QuickTime movie:
<a href="quicktime.mov" class="lightview" title="">QuickTime</a> - For a Flash video with title and size limits:
<a href="flash.swf" class="lightview" title="Title::::width:320,height:240">video</a> - For a webpage (iframe) with title and description, in fullscreen:
<a href="http://www.google.com" class="lightview" title="Title::Description::fullscreen:true">Google</a>
Download
Lightview for WordPress (v2.41, 2009-09-07)
For the full documentation (more options, custom events, keyboard shortcuts, etc.) as well as the changelogs, please visit the official Lightview project page.
