Cut & Paste Random Transitions Slideshow
Description: This is an image plus text description slideshow that brings each image into view using 1 of 17 randomly chosen Transitional effects in IE browsers. For other browsers that don't support these built in effects, a custom fade transition is used instead. Each image can be optionally hyperlinked with a text description beneath it, and the slideshow pauses when the user moves the mouse over it. When it comes to transitions, the more the merrier!
Step 1: Add the below into the <HEAD> of your page:
You should download the below .js file, which the code above references:
Step 2: Where you wish the slideshow to appear inside the BODY, add the following sample invocation code:
Make sure the property "
wrapperid" is set to an
arbitrary but unique string for each instance of the slideshow on your
page. The images you wish to show are defined within the array "
["summer.jpg", "http://en.wikipedia.org/wiki/Summer", "_new", "Such a nice Summer getaway."],
["winter.jpg", "http://en.wikipedia.org/wiki/Winter", "", "Winter is nice, as long as there's snow right?"],
["spring.jpg", "", "", "Flowers spring back to life in Spring."],
["autumn.jpg", "", "", "Ah the cool breeze of autumn."]
where each image is specified with the following settings:
["image_path", "optional_image_link", "optional_link_target", "optional_text_description],