Lytebox

RSS Feed

DonD 2012© No Rights Reserved

Page last updated 25/01/2012 10:24:02

Produced with

Site Feedback

Intro 3rd Party X5 WP/X2/X4 Topical Demo's Forum Contact Downloads sitemap

3rd Party > Lytebox

Intro 3rd Party X5 WP/X2/X4 Topical Demo's Forum Contact Downloads sitemap

What is Lytebox

Lytebox was written from the original Lightbox class by Lokesh Dhakar. Lytebox is a simple, unobtrusive script used to overlay images in the current page and works with all modern browsers. Since the original version of Lytebox (which released with iFrame support), major modifications have been made to improve performance as well as "Slideshow" support, "Themes" support, HTML content support (as opposed to just images) and many more configurable options that allow you to customize the look and feel of Lytebox. These modifications were added as a result of user input.

For examples of the new and improved Lytebox in action, select an image from one of the following display types:

Single Image Grouped Images

Slideshow (Lyteshow feature)

This an extract from the writers website

How To Use

Step 1: Download Lytebox v3.22

Step 2: Add the following lines to the <head> of your document:

Step 3: Add the appropriate rel attribute for the type of display you want. See the examples below.

Single Image Example:

<a href="images/image-1.jpg" rel="lytebox" title="Image Description">Image #1</a>

Grouped Images Example:

<a href="images/image-2.jpg" rel="lytebox[vacation]" title="My Sister">My Sister</a>

Slideshow Example (note the use of lyteshow instead of lytebox):

<a href="images/image-2.jpg" rel="lyteshow[vacation]" title="My Sister">My Sister</a>

· Configuration: For a complete list of configurable Lytebox options, click HERE.

· Source Code: The JavaScript file (lytebox.js) that is included in the download has been stripped down (comments removed) for optimization purposes.

· Support: Having problems with Lytebox? Visit the Lytebox Message Boards and find your answer. Be sure to read the FAQ before posting, as it's likely that someone has already been there and done that.

But what does that all mean to us using it in WebPlus find out on the next page Download zipped WP10 .wpp tutorial file here

Lytebox