Update:The Lightview JS WordPress plugin is hereby completely end of life. My plugin was in conflict with the Lightview per domain license and has been removed from the WordPress plugins repository. Users seeking a Lightview WordPress plugin should see the Lightview Plus plugin written by Thorsten Puzich. As an alternative to Lightview please see my Shadowbox JS plugin.

A media viewer application written entirely in JavaScript. Using Lightview, website authors can display pictures, movies, websites, inline content and more in all major browsers without navigating away from the linking page.

This plugin uses Lightview written by Nick Stakenburg.

Javascript libraries supported are: Prototype + Scriptaculous. Prototype + Scriptaculous are included with the plugin as the versions packaged with WordPress are below the minimum requirements.

This plugin support the WordPress [ gallery] shortcode. By simply having this plugin activated and $lvGallery set to true which is the default, Lightview JS will be used to display the images in your gallery.

Screenshots

imageWebsite

Installation

  1. Upload the `lightview-js` folder to the `/wp-content/plugins/` directory
  2. Edit lightview-js.php and modify $lvGallery based on the comments preceeding the variable. Please note that this is an optional step. Lightview JS will function properly without modification.
  3. Activate the plugin through the ‘Plugins’ menu in WordPress

Upgrade

  1. Deactivate the plugin through the ‘Plugins’ menu in WordPress
  2. Delete the previous `lightview-js` folder from the `/wp-content/plugins/` directory
  3. Upload the new `lightview-js` folder to the `/wp-content/plugins/` directory
  4. Edit lightview-js.php and modify $lvGallery based on the comments preceeding the variable. Please note that this is an optional step. Lightview JS will function properly without modification.
  5. Activate the plugin through the ‘Plugins’ menu in WordPress

Usage

  1. If you are using the [ gallery] shortcode the following steps are not required. When using the [ gallery] shortcode this is automatic.

  2. Create a link in your post in the following format:
    <a href="http://domain.tld/directory/to/image.jpg" class="lightview">Image</a>
    The above link can be to pretty much anything including websites, video files, YouTube, Google Video, inline content. This is the minimum code required to use this plugin.

  3. Please see the markup on the Lightview javascript authors usage page for more information such as sizing the media. . Please keep in mind that I did not write the Lightview javascript I only created a WordPress plugin that implements it.

  4. Be sure to include `class=“lightview”` as this activates the plugin.

  5. If `rel=“gallery[album]”` is included the portion listed here as `[album]` will group multiple pictures into an album called album.

NOTE: Do not use the visual editor for doing the above use the code editor. When modifying this post in the future do not use the visual editor; please use the code editor always.

Examples:

<a href="http://domain.tld/directory/to/image.jpg" class="lightview" rel="gallery[album]">Image</a>
<a href="http://domain.tld/directory/to/image.jpg" class="lightview" rel="gallery[album]"><img src="http://domain.tld/directory/to/image.jpg" /></a>
<a href="http://sivel.net/" class="lightview" rel="iframe" title="Sivel.net :: My Site :: fullscreen: true">Sivel.net</a>

Change Log

(2009-03-03):

  • Plugin marked as end of life and removed due to licensing conflicts

1.5 (2009-02-27):

  • enqueue styles and scripts instead of directly printing to the head

1.4 (2008-08-25):

  • Updated version number scheme
  • Updated code for readability
  • added support for [ gallery] shortcode

0.3 (2008-08-12):

  • Update for WordPress 2.6 compatibility

0.2 (2008-03-14):

  • Initial Public Release

Download
REMOVED