How to Use Lightwindow
Pretty self explanitory... what is it in particular that you are not understanding?
- Copy the js & css files to your website (put them in a folder named js & css)
- Copy your flash or pictures to your website (put them in their respective folders)
- You paste the code in the head of your page (set the links to the location of your js & css files)
- Put a link somewhere on your page to initiate the Lightwindow call. Below is the example for a flash video:
HTML Code:
<a href="your_flash_file_location.swf?You-could-put-a-GET-string-here-for-your-flashvars" class="lightwindow" params="lightwindow_width=800,lightwindow_height=345" title="Whatever you want it to say at the top" >Link Name</a>
Note how the params set the height & width.. here it's 800x345.
- Change the links in the Lightwindow js & CSS files to the location of your flash video.
It doesn't matter what content you insert in a light window, pictures, forms, movies, whatever.. those are the basic steps. Their page shows you an example of each type of media and how to call them as well as the various parameters,classes, handlers & functions. They also show you the default settings which you can toy around with 'til your little heart's content.