I only see one:
Code:
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:false, moveby:1, pause:3000},
panelbehavior: {speed:500, wraparound:true, wrapbehavior:'slide', persist:true},
defaultbuttons: {enable: true, moveby: 1, leftnav: ['img/left.png', -2, 105], rightnav: ['img/right.png', -32, 105]},
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']
})
</script>
I do see six:
Code:
<div id="mygallery" class="stepcarousel"> . . .
But setup will only take the first one. If you want six, you need six setups each with a unique:
Code:
galleryid: 'mygallery', //id of carousel DIV
and six:
Code:
<div id="mygallery" class="stepcarousel"> . . .
one each corresponding to those six unique id's.
There could also be other problem(s). But that much needs to be taken care of. Much of the repetition of the setups could be eliminated if they share everything else in common, but that's another topic.
Bookmarks