Monday, September 21, 2009

Install Slide Viewer 1 2

Slide Viewer 1.2 is a small program that allows you to take a set of images and create a slideshow with them. What sets Slide Viewer apart from the rest is that it uses an unordered list and can therefore use any image on the Internet (as long as that image is publicly viewable). This adds tremendous potential when combined with a website that contains an abundance of photos that you would like to use on your own Web page.


Instructions


1. Download Slide Viewer 1.2, the jQuery 1.4.1 plug-in and the jQuery easing 1.2 plug-in. Extract the the files to a directory.


2. Open a text editing program. Open a blank document and save it to the same directory as Slide Viewer. Create an HTML block by typing " ."


3. Type the following syntax into the space between the tags. This loads the jQuery and the jQuery easing plug-ins that are required for Slide Viewer 1.2 to function.


4. Copy the following section to create a space where the slideshow will be viewed. Replace "myimages" with a meaningful name. Replace "image0" with text describing your photo. Replace "picts/01.jpg" and similar names with your own image names and paths, such as "images/lion_king.jpg."


5. Type the following code into the file after the code from previous step. This initiates Slide Viewer.


$(window).bind("load", function() {


$("div#myimages").slideView()


});


6. Save the text file. When the file is opened in a Web browser, Slide Viewer will automatically be executed.

Tags: Slide Viewer, jQuery easing, Type following