PDA

View Full Version : Simple Gallery stop on last slide



snyhof
04-20-2009, 04:51 PM
Is there a way to stop the simplegallery on the last slide?

jscheuer1
04-20-2009, 05:19 PM
It already may stop on the first slide after 1 or more rotations, just set the autoplay cycles, ex:


var mygallery=new simpleGallery({
wrapperid: "simplegallery1", //ID of main gallery container,
dimensions: [250, 180], //width/height of gallery in pixels. Should reflect dimensions of the images exactly
imagearray: [
["pool.jpg", "http://en.wikipedia.org/wiki/Summer", "_new", ""],
["cave.jpg", "http://en.wikipedia.org/wiki/Winter", "", ""],
["fruits.jpg", "", "", ""],
["autumn.jpg", "", "", ""]
],
autoplay: [true, 2500, 1], //[auto_play_boolean, delay_btw_slide_millisec, cycles_before_stopping_int]
persist: false,
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)
}
})

Make your first slide the one that you want it to stop on.

Or if it really must stop on the last slide, use:


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)
if(i == this.setting.imagearray.length - 1){
this.navigate('playpause');
this.setting.onslide = function(){return;};
}
}

for the onslide function.