Code:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="fadeslideshow.js">
/***********************************************
* Ultimate Fade In Slideshow v2.0- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more
***********************************************/
</script>
<script type="text/javascript">
var mygallery=new fadeSlideShow({
wrapperid: "fadeshow1", //ID of blank DIV on page to house Slideshow
dimensions: [160, 160], //width/height of gallery in pixels. Should reflect dimensions of largest image
imagearray: [
["http://www.handcrafteduk.com/images/african/africa1.jpg", "http://www.handcrafteduk.com/bongoanddjembedrumsafricandrums-c-4_24_76.html", "", ""],
["http://www.handcrafteduk.com/images/african/africa2.jpg", "http://www.handcrafteduk.com/bongoanddjembedrumsafricandrums-c-4_24_76.html", " ", "African Drum"],
["http://www.handcrafteduk.com/images/african/africa3.jpg", "http://www.handcrafteduk.com/bongoanddjembedrumsafricandrums-c-4_24_76.html", "",""],
displaymode: {type:'auto', pause:2500, cycles:0, wraparound:false, randomize:true},
persist: false, //remember last viewed slide and recall within same session?
fadeduration: 500, //transition duration (milliseconds)
descreveal: "always",
togglerid: ""
})
var mygallery=new fadeSlideShow({
wrapperid: "fadeshow2", //ID of blank DIV on page to house Slideshow
dimensions: [160, 160], //width/height of gallery in pixels. Should reflect dimensions of largest image
imagearray: [
["http://www.handcrafteduk.com/images/indian/indian1.jpg", "http://www.handcrafteduk.com/bongoanddjembedrumsindiandrums-c-4_24_77.html", "", ""],
["http://www.handcrafteduk.com/images/indian/indian2.jpg", "http://www.handcrafteduk.com/bongoanddjembedrumsindiandrums-c-4_24_77.html", " ", "African Drum"],
["http://www.handcrafteduk.com/images/indian/indian1.jpg", "http://www.handcrafteduk.com/bongoanddjembedrumsindiandrums-c-4_24_77.html", "",""],
displaymode: {type:'auto', pause:2500, cycles:0, wraparound:false, randomize:true},
persist: false, //remember last viewed slide and recall within same session?
fadeduration: 500, //transition duration (milliseconds)
descreveal: "always",
togglerid: ""
})
var mygallery=new fadeSlideShow({
wrapperid: "fadeshow3", //ID of blank DIV on page to house Slideshow
dimensions: [160, 160], //width/height of gallery in pixels. Should reflect dimensions of largest image
imagearray: [
["http://www.handcrafteduk.com/images/indonesian/bali1.jpg", "http://www.handcrafteduk.com/bongoanddjembedrumsindonesiandrums-c-4_24_78.html", "", ""],
["http://www.handcrafteduk.com/images/indonesian/bali2.jpg", "http://www.handcrafteduk.com/bongoanddjembedrumsindonesiandrums-c-4_24_78.html", " ", "African Drum"],
["http://www.handcrafteduk.com/images/indonesian/bali3.jpg", "http://www.handcrafteduk.com/bongoanddjembedrumsindonesiandrums-c-4_24_78.html", "",""],
displaymode: {type:'auto', pause:2500, cycles:0, wraparound:false, randomize:true},
persist: false, //remember last viewed slide and recall within same session?
fadeduration: 500, //transition duration (milliseconds)
descreveal: "always",
togglerid: ""
})
</script>
Many thanks,