# LightWindow v2.0 Demos

NOTE: I use some large example files here for the media, hence it is best that your browser window is larger than 800px for these demos.

## Media Movies, Flash, PDF's... just link directly to the file!

Quicktime Movie Example - 20MB Local File! Quicktime Movie Example - 5MB Local File! Apple.com Trailer - Transformers, more than meets the eye! User Example - CheathamLane.net Flash Paper - The RIGHT way to embed a PDF! You Tube - 300 Preview

## External Sources Look Ma! It's like a popup window! (Other Domains)

Website Example - Preview any website from yours! NEW Page Treated as External - This page is local to this domain but is placed in an iframe.

## Frame Calls NEW Call a LightWindow from a frame!

## Images Singles or Gallery Sets!

Image - Just an image, a decently large one. NEW External Image - An Image pulled from an External Source. Image Gallery - Everyone needs a killer gallery! image #1 Header #3 image #2 image #3 image #4 image #5 Image Gallery w/Multiple Images - Side by Sides can be good for Before and After Gallery's or to show actions, etc.! image #1 image #2 image #3 image #4 image #5

## Instantiate 1 by 1 when you need to add one window or re-add it or whatever

or

NEW A link with no Class - As in no Class Name! We built this one with a function call.

## Forms yes, yes it does work...

Form Example - Submit a form in a lightWindow! NEW Form Example with a custom position - Submit a form in a lightWindow!

## Pages Fixed width and Fluid.

Fluid Page - This page does not have a width, the content is flexible. Fixed Page - This page has a defined amount of space it needs or it will cause a horizontal scroll. Monster Fixed Page - This page is just plain to big for the browser window unless you maximize a 30 inch monitor. Set Dimensions - Set the dimensions of the window.

## Inline Content They call this a gimme :)

Inline Content - Not a fan of AJAX? No worries, here you go.

Oh yeah, this content was pulled from within the page!

In order to get the LightWindow to fit the content, you have to define the height and width of a div in the inline div or send values for lightwindow_width and lightwindow_height in the url string. Personally I prefer the inner div method, this way you can gracefully degrade the link as I did into an anchor if javascript isn't available.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vestibulum hendrerit nibh at libero. Donec lectus enim, condimentum ac, scelerisque non, malesuada id, diam. Sed porta magna. Ut luctus bibendum nulla. Ut sit amet tellus. Aliquam ut justo. Duis sapien magna, sagittis et, molestie at, interdum a, mi. Nunc nisi arcu, tincidunt quis, adipiscing ac, faucibus convallis, ligula. Aenean lacinia laoreet nisi. Integer dictum. Maecenas porttitor dictum felis.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vestibulum hendrerit nibh at libero. Donec lectus enim, condimentum ac, scelerisque non, malesuada id, diam. Sed porta magna. Ut luctus bibendum nulla. Ut sit amet tellus. Aliquam ut justo. Duis sapien magna, sagittis et, molestie at, interdum a, mi. Nunc nisi arcu, tincidunt quis, adipiscing ac, faucibus convallis, ligula. Aenean lacinia laoreet nisi. Integer dictum. Maecenas porttitor dictum felis.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vestibulum hendrerit nibh at libero. Donec lectus enim, condimentum ac, scelerisque non, malesuada id, diam. Sed porta magna. Ut luctus bibendum nulla. Ut sit amet tellus. Aliquam ut justo. Duis sapien magna, sagittis et, molestie at, interdum a, mi. Nunc nisi arcu, tincidunt quis, adipiscing ac, faucibus convallis, ligula. Aenean lacinia laoreet nisi. Integer dictum. Maecenas porttitor dictum felis.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vestibulum hendrerit nibh at libero. Donec lectus enim, condimentum ac, scelerisque non, malesuada id, diam. Sed porta magna. Ut luctus bibendum nulla. Ut sit amet tellus. Aliquam ut justo. Duis sapien magna, sagittis et, molestie at, interdum a, mi. Nunc nisi arcu, tincidunt quis, adipiscing ac, faucibus convallis, ligula. Aenean lacinia laoreet nisi. Integer dictum. Maecenas porttitor dictum felis.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vestibulum hendrerit nibh at libero. Donec lectus enim, condimentum ac, scelerisque non, malesuada id, diam. Sed porta magna. Ut luctus bibendum nulla. Ut sit amet tellus. Aliquam ut justo. Duis sapien magna, sagittis et, molestie at, interdum a, mi. Nunc nisi arcu, tincidunt quis, adipiscing ac, faucibus convallis, ligula. Aenean lacinia laoreet nisi. Integer dictum. Maecenas porttitor dictum felis.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vestibulum hendrerit nibh at libero. Donec lectus enim, condimentum ac, scelerisque non, malesuada id, diam. Sed porta magna. Ut luctus bibendum nulla. Ut sit amet tellus. Aliquam ut justo. Duis sapien magna, sagittis et, molestie at, interdum a, mi. Nunc nisi arcu, tincidunt quis, adipiscing ac, faucibus convallis, ligula. Aenean lacinia laoreet nisi. Integer dictum. Maecenas porttitor dictum felis.

image #1 image #3 image #1 image #2 image #3