Code:
var portfolio=new simpleGallery({
wrapperid: "simplegallery1", //ID of main gallery container,
dimensions: [550, 438], //width/height of gallery in pixels. Should reflect dimensions of the images exactly
imagearray: [
["img/forest.jpg", "http://", "", ""],
["img/Night2.jpg", "http://", "", ""],
["img/Night1.jpg", "", "", ""],
["img/life.jpg", "", "", ""],
["img/BW.jpg", "", "", ""],
["img/Grand.jpg", "", "", ""],
["img/Papa.jpg", "", "", ""],
["img/Notepad.jpg", "", "", ""],
["img/WINE.jpg", "", "", ""],
["img/letterhead.jpg", "", "", ""],
["img/DirectMail.jpg", "", "", ""],
["img/Banners.jpg", "", "", ""],
["img/Coach.jpg", "", "", ""],
["img/Sound.jpg", "", "", ""],
],
autoplay: [true, 2500, 2], //[auto_play_boolean, delay_btw_slide_millisec, cycles_before_stopping_int]
persist: false, //remember last viewed slide and recall within same session?
fadeduration: 500, //transition duration (milliseconds)
oninit:function(){ //event that fires when gallery has initialized/ ready to run
//Keyword "this": references current gallery instance (ie: try this.navigate("play/pause"))
},
onslide:function(curslide, i){ //event that fires after each slide is shown
//Keyword "this": references current gallery instance
//curslide: returns DOM reference to current slide's DIV (ie: try alert(curslide.innerHTML)
//i: integer reflecting current image within collection being shown (0=1st image, 1=2nd etc)
}
})
All modern browsers now error correct for this though, except IE.
Bookmarks