Step Carousel hidden the photos at both ends

[rkwm]

My question is how to prevent the photo from hidden at both sides.

http://www.dynamicdrive.com/dynamicindex4/stepcarousel.htm


<script type="text/javascript">

stepcarousel.setup({

galleryid: 'galleryb1', //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



panelbehavior: {speed:500, wraparound:false,persist:true},

defaultbuttons: {enable: true, moveby: 2, leftnav: ['http://localhost/scdev/img/pre.jpg', -30, 30], rightnav: ['http://localhost/scdev/img/next.jpg', 20, 30]},

statusvars: ['statusA', 'statusB', 'statusC'], //register 3 variables that contain current panel (start), current panel (last), and total panels

contenttype: ['inline'] //content setting ['inline'] or ['external', 'path_to_external_file']

})



</script>





<div id="galleryb1" class="stepcarousel" style="width:260px;height:100px;">

<div class="belt">

<div class="panel" style="width:90px;">

<img style="cursor:pointer" src="detait1.jpg" border="0"></div>

<div class="panel" style="width:90px;">

<img style="cursor:pointer" src="thudsf2.jpg" border="0" ></div></div></div>




My question is how to prevent the photo from hidden at both sides. because the width of galleryb1 is only have 260px. and only two photo (width=90px) inside. Anyone know how to solve it?


Thanks

[jscheuer1]

Please post a link to a page on your site that contains the problematic code so we can check it out.