My question is how to prevent the photo from hidden at both sides.
http://www.dynamicdrive.com/dynamici...epcarousel.htm
HTML Code:<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



Reply With Quote

Bookmarks