Results 1 to 2 of 2

Thread: Step Carousel hidden the photos at both ends

  1. #1
    Join Date
    Oct 2010
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Step Carousel hidden the photos at both ends

    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
    Last edited by jscheuer1; 10-25-2010 at 06:31 PM. Reason: fix typo

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

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

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •