LightWindow v2.0 Now with sfLightWindowPlugin for Symfony!

This is a port of the original demo used with LightWindow v2.0. If you look at the source you will see it uses the symfony helpers to do all the work. It's amazingly simple to add these great effects to your site.

Changes from original LightWindow v2.0 The sfLightWindowPlugin uses a slightly altered lightwindow.js source. The only changes made were to the path of the image files, and the option of using an improved inline form handler, found in the last two methods _lwUpdateWithResponse and _lwSingleFormCall.

Requirements LightWindow v2.0 requires at least prototype 1.5.1.1 and scriptaculous > v1.7.1. These are included with the plugin, but you can customize the location of this files in sfLightWindowPlugin/config/config.php.

Notes Due to the size of some of the sample content, it is best that your browser window is larger than 800px for these demos.

sfLightWindowPlugin lw_link(), lw_image(), lw_media() and more...

It's easy to use, and supports all the page and media types of LightWindow. After installing the plugin, just include the helper in your template file and you are off to the races.

<?php use_helper('LightWindow') ?>
<?php echo lw_link('My LightWindow', 'module/action') ?>
<?php echo lw_media('My Media File', '/gallery/my_movie.mov', 'width=19 height=240') ?>
<?php echo lw_image(image_tag('pic_thumb.jpg'), '/gallery/pic.jpg') ?>
<?php echo lw_button('click to open!', '/images/yourimage.png', array(
  'title'   => "Great Pic",
  'author'  => "Stereo",
  'caption' => "Your caption",
  'left'    => 300,
)) ?>

You can also add any of the the following options in the third parameter:

title         // title of window
author        // author of window
caption       // the caption for the window
width         // Width of window
height        // Height of window
show_images   // Number of images to show at once in a gallery
top           // Set as an Integer to be spaced from the Top
left          // Set as an Integer to be spaced from the Left
type          // Specify the type of content served: page, external, image, media, inline
loading_animation // Set to false to opt to not fade out the Loading Cover
iframe_embed  // To embed media into a media into an iframe rather than just into a div
form          // The name of the form

To create a gallery, you use the lw_gallery() function with an array of image attributes.

<?php 
  $media = array();

  $media[] = array(
    'link'    => '<strong>Image Gallery</strong> - Everyone needs a killer gallery!',
    'src'     => '/sfLightWindowPlugin/gallery/0.jpg',
    'options' => array(
      'class' => 'page-options',
      'title' => 'High 5 Dood!',
      'caption'=> 'Snow people know how to have fun...',
    ),
  );

  $media[] = array(
    'link'  => 'Header #3',
    'src'   => '/sfLightWindowPlugin/gallery/header3.swf?scale=noscale&amp;tag1=Sooth Your Mind &amp; Body&amp;tag2=Justice Through Integrity&amp;tag3=Helping Injured Victims&amp;tag4=Experience You Can Trust',
    'options' => array(
      'width' => '769',
      'height'=> '209',
      'title' => "Oh My! Flash and Images Mixed!",
      'author'=> false,
      'caption'=> false,
    ),
  );
    
  $gallery_options = array(
    'hide' => true,
    'title' => 'default title',
    'caption' => 'default caption',
    'author' => 'Unknown',
  );

  echo lw_gallery($media, 'Random[Sample Images]', $gallery_options);
?>

View the PHP source of this page found in /sfLightWindowPlugin/modules/sfLightWindowPlugin/templates/indexSuccess.php to find out more about galleries of images and other types of web media.

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

Quicktime Movie Example - Local File Apple.com Trailer - Transformers, more than meets the eye! Single SWF Example - Because I Love Flash... SWF Gallery - Any media can now be used in a GALLERY! SWF #2 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!

Textual Link Links can be text or images... NEW External Image - An Image pulled from an External Source Image Gallery - Everyone needs a killer gallery! image #1 Header #3 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 too 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.