Demos:
-Straightforward, auto playing slideshow
|
-Auto playing slideshow with descriptions shown automatically using the "peekaboo" option. |
|
-Auto playing slideshow with some slides hyperlinked and carrying a description, shown onmouseover. |
 
-Manual slideshow with custom buttons, persistent description panel, and current image index/ total images info shown. |
<script type="text/javascript">
var mygallery=new fadeSlideShow({
wrapperid: "fadeshow1", //ID of blank DIV on page to house Slideshow
dimensions: [250, 180], //width/height of gallery in pixels. Should reflect dimensions of largest image
imagearray: [
["dream3.jpg","http://ryansmithart.com/photo.html", "_new", "mixed media/photo"],
["dream2.jpg", "http://ryansmithart.com/photo.html", "_new", "mixed media/photo"],
["dream1.jpg", "http://ryansmithart.com/photo.html", "_new", "mixed media/photo"],
["dream4.jpg", "http://ryansmithart.com/photo.html", "_new", "mixed media/photo"] //<--no trailing comma after very last image element!
],
displaymode: {type:'auto', pause:2500, cycles:0, wraparound:false},
persist: false, //remember last viewed slide and recall within same session?
fadeduration: 500, //transition duration (milliseconds)
descreveal: "always",
togglerid: ""
})
var mygallery2=new fadeSlideShow({
wrapperid: "fadeshow2", //ID of blank DIV on page to house Slideshow
dimensions: [250, 180], //width/height of gallery in pixels. Should reflect dimensions of largest image
imagearray: [
["dream3.jpg", "http://ryansmithart.com/photo.html", "_new", "mixed media/photo"],
["dream2.jpg", "http://ryansmithart.com/photo.html", "_new", "mixed media/photo"],
["dream1.jpg", "http://ryansmithart.com/photo.html", "_new", "mixed media/photo"],
["dream4.jpg", "http://ryansmithart.com/photo.html", "_new", "mixed media/photo"] //<--no trailing comma after very last image element!
],
displaymode: {type:'auto', pause:3000, cycles:0, wraparound:false},
persist: false, //remember last viewed slide and recall within same session?
fadeduration: 500, //transition duration (milliseconds)
descreveal: "ondemand",
togglerid: ""
})
var mygallery3=new fadeSlideShow({
wrapperid: "fadeshow3", //ID of blank DIV on page to house Slideshow
dimensions: [263, 199], //width/height of gallery in pixels. Should reflect dimensions of largest image
imagearray: [
["dream3.jpg", "http://ryansmithart.com/photo.html", "_new", "mixed media/photo"],
["dream2.jpg", "http://ryansmithart.com/photo.html", "_new", "mixed media/photo"],
["dream1.jpg", "http://ryansmithart.com/photo.html", "_new", "mixed media/photo"],
["dream4.jpg", "http://ryansmithart.com/photo.html", "_new", "mixed media/photo"] //<--no trailing comma after very last image element!
],
displaymode: {type:'auto', pause:3000, cycles:0, wraparound:false},
persist: false, //remember last viewed slide and recall within same session?
fadeduration: 500, //transition duration (milliseconds)
descreveal: "peekaboo",
togglerid: ""
})
var mygallery4=new fadeSlideShow({
wrapperid: "fadeshow4", //ID of blank DIV on page to house Slideshow
dimensions: [263, 199], //width/height of gallery in pixels. Should reflect dimensions of largest image
imagearray: [
["http://ryansmithart.com/images/buttons/_photo/dream3.jpg", "http://ryansmithart.com/photo.html", "_new", "mixed media/photo"],
["http://ryansmithart.com/images/buttons/_photo/dream2.jpg", "http://ryansmithart.com/photo.html", "_new", "mixed media/photo"],
["http://ryansmithart.com/images/buttons/_photo/dream1.jpg", "http://ryansmithart.com/photo.html", "_new", "mixed media/photo"],
["http://ryansmithart.com/images/buttons/_photo/dream4.jpg", "http://ryansmithart.com/photo.html", "_new", "mixed media/photo"] //<--no trailing comma after very last image element!
],
displaymode: {type:'manual', pause:3000, cycles:0, wraparound:false},
persist: false, //remember last viewed slide and recall within same session?
fadeduration: 500, //transition duration (milliseconds)
descreveal: "always",
togglerid: "fadeshow4toggler"
})
</script>