For the on page part of the script:
Code:
<script type="text/javascript">
stepcarousel.setup({
galleryid: 'mygallery', //id of carousel DIV
beltclass: 'belt', //class of inner "belt" DIV containing all the panel DIVs
panelclass: 'panel', //class of panel DIVs each holding content
autostep: {enable:true, moveby:1, pause:3000},
panelbehavior: {speed:500, wraparound:false, wrapbehavior:'slide', persist:false},
defaultbuttons: {enable: true, moveby: 1, leftnav: ['10/leftnav.gif', -5, 80], rightnav: ['10/rightnav.gif', -20, 80]},
statusvars: ['statusA', 'statusB', 'statusC'], //register 3 variables that contain current panel (start), current panel (last), and total panels
contenttype: ['inline'], //content setting ['inline'] or ['ajax', 'path_to_external_file']
onslide: function(){
var id = 'mygallery', car = stepcarousel.configholder[id];
if(car.currentpanel == car.lastvisiblepanel && !car.hasstopped){ //if we're at the end
setTimeout(function(){stepcarousel.stepTo(id, 1);}, car.autostep.pause); //step one more time
car.onslide = function(){}; //and stop checking
}
}
})
</script>
Don't miss the added comma (red) on the contenttype line.
And . . .
Using a text only editor like NotePad, in the stepcarousel.js script change this:
Code:
stopautostep:function(config){
clearTimeout(config.steptimer)
},
to:
Code:
stopautostep:function(config){
clearTimeout(config.steptimer);
config.hasstopped = true;
},
Bookmarks