var mygallery=new simpleGallery({ wrapperid: "photogallery", //ID of main gallery container, dimensions: [500, 500], //width/height of gallery in pixels. Should reflect dimensions of the images exactly imagearray: [ ["/photo_gallery/172_photo_1_15134.jpg", "", "", ""], ["/photo_gallery/435_photo_1_15134.jpg", "", "", ""], ["/photo_gallery/173_photo_2_15134.jpg", "", "", ""], ["/photo_gallery/175_photo_4_15134.jpg", "", "", ""], ["/photo_gallery/176_photo_5_15134.jpg", "", "", ""], ["/photo_gallery/177_photo_6_15134.jpg", "", "", ""], ["/photo_gallery/434_photo_7_15134.jpg", "", "", ""], ["/photo_gallery/433_photo_8_15134.jpg", "", "", ""], ["/photo_gallery/436_photo_9_15134.jpg", "", "", ""], ["/photo_gallery/437_photo_10_15134.jpg", "", "", ""], ["/photo_gallery/438_photo_11_15134.jpg", "", "", ""], ["/photo_gallery/439_photo_12_15134.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) } })