Loading...

A Landscape Slideshow

You will find here an instance of a slideshow using the JQuery cross-slide script.  

It requires the JQuery script in the scripts folder, php code in the header to collect and create the array of images for the actual slideshow, and a couple of divs in the body with the right styling. 

Cross Slide gives the effect of Flash-type animation using javascript and CSS; according to the author of the page where I found this: 

CrossSlide is a jQuery plugin implementing in 2kB1 of Javascript code some common slide-show animations, traditionally only available via Adobe Flash, or other proprietary plugins. CrossSlide builds upon jQuery's animation facility, so it is as portable across browsers as jQuery itself (that is, a lot!) 

 

Internally CrossSlide does not rely on lookup tables, building instead a "chain" of functions. Each function starts a linear phase of the animation through jQuery, setting the next function in the chain as a complete callback. After all the functions are prepared and the animation is started, no other calculations are made. This setup reduces runtime overhead to the absolute minimum, making CrossSlide the most optimized implementation of these effects. 

 

CrossSlide can create a few different effects, depending on how it's called."

Below are the individual photos with the slideshow tag.

Link: Cross Slide

Contact us about this   ^top   Detail  Posted: 01/01/11 ID: 1293929984 Category: A Slideshow # 1

Image1

Image1

Contact us about this   ^top   Detail  Posted: 01/01/11 ID: 1293929014 Category: A Slideshow # 2

Image2

Image2

Contact us about this   ^top   Detail  Posted: 01/01/11 ID: 1293929084 Category: A Slideshow # 3

Image3

Image3

Contact us about this   ^top   Detail  Posted: 01/01/11 ID: 1293929118 Category: A Slideshow # 4

Image4

Image4

Contact us about this   ^top   Detail  Posted: 01/01/11 ID: 1293934826 Category: A Slideshow # 5

Image5

Image5

Contact us about this   ^top   Detail  Posted: 01/01/11 ID: 1293934855 Category: A Slideshow # 6