14290Javascript Image Transitions 6http://elouai.com/javascript/javascript-transitions-6.phpduration the length of time a transistion takes to complete, format seconds.milliseconds (0.0000), a value of 0.5 is half a second
bands Number of strips the content is divided into
slideStyle 'hide' slide new content over old, 'push' push old content out with new content and 'swap' alternating bands expose new content (see demo below)JavaScript > Scripts and Programs > Visual EffectsOct 12, 2006Louai Munajim
Simply copy and paste the following code inside your file and run it into a browser.
If you want to see the live result (we believe this is the best way to learn what is the script about),
Displaying content in non linear ways is the domain of DHTML. With this script, you can initially hide any number of content and reveal them one at a time in sequence, like in a presentation. Great for showing off important points, a series of images etc. Decide whether the "reveal" animation should only be applied once per browser session, or every time the page loads. Furthermore, customize the pause time for each individual content if needed. Script works in both IE5+ and NS6+. Browsers that don't support this script will see all the content at once as usual.
Fill in the required information
Generate the source (button at bottom)
Preview your script (button at bottom)
Copy and Paste the 'Source Code' into your HTML page
duration the length of time a transistion takes to complete, format seconds.milliseconds (0.0000), a value of 0.5 is half a second
bands Number of strips the content is divided into
slideStyle 'hide' slide new content over old, 'push' push old content out with new content and 'swap' alternating bands expose new content (see demo below)
Joining mailing list will entitle you
to receive occasional emails informing you of news and
updates to the site and any special offers that may be
of interest to you.