Crossfade Gallery

To set it up all you need is an HTML block element. All immediate descendants become slides. To start the effect you simply have to give the parent element a class of 'crossfade'. If FastInit is present it'll use that to start it automatically, otherwise it'll add a window.onload event.

Download code  Visit demo
Tags: gallery
<< Jquery Tooltip - Jtip   TjpZoom Magnifier >>

Crossfade Gallery demo

Changes to the code below will update the demo above in real time.



July 24, 2007, 7:50 a.m. - Ares

muy bueno la galeria, mas que todo los efectos, quiesiera saber como se puede hacerlo automatico, por favor, me pueden dar esa ayuda

Oct. 4, 2009, 3:13 p.m. - Patrick Streitenberger

Just change the autoLoad:false to autoLoad:true, so easy!

Dec. 28, 2009, 5:45 a.m. - Andres

Muy bueno el ejemplo, aca hay una demostracion en donde muestra imagenes random

Aug. 10, 2010, 12:27 p.m. - Khdua bux Baloch

how can download the js and cs files

Feb. 20, 2011, 10:38 a.m. - Tina Sbrigato

Is there any limit to how many images can be used in this gallery? Thanks

May 13, 2011, 11:53 p.m. - madan

plz give the code for page refresh or data cycle model