Imageslider jQuery

Question

嗨大家（这是我的第一个线程）

我正在用jquery制作一个“imageslider”（但是用div：s）。 问题是，我如何隐藏边界外div的滚动元素？

（我在这里新的，所以我不能做后期的链接，所以我删除了他们） 代码：

<script type="text/javascript"> 

    var pos = 1; 

    $(document).ready(function(){ 
    console.log("possition: " + pos); 

    var slides = $('#container .element'); 
    var numberOfSlides = slides.length; 
    console.log("antal slides: " + numberOfSlides); 

    $('#right').click(function(){ 

    if(pos<=numberOfSlides-1){ 
     //$('#container div.element').animate({"left" : '+=200px' }, 1000, function() {pos++;}); 
     $('#container div.element').animate({"left" : '+=200px' }, 1000); 
    pos++; 
    console.log("possition: " + pos); 
    } 

    else{ 
    $('#container div.element').animate({"left" : '-=400px' }, 1000); 
    pos=1; 
    console.log("possition: " + pos); 
    }   
    }); 

    $('#left').click(function(){ 
    if(pos>1){ 
     $('#container div.element').animate({"left" : '-=200px' }, 1000); 
    pos--; 
    console.log("possition: " + pos); 
    } 

    else { 
    $('#container div.element').animate({"left" : '+=400px' }, 1000); 
    pos=3; 
    console.log("possition: " + pos); 
    } 
    }); 

    }); 
</script> 


<div id="container"> 
    <div id="element1" class="element">3</div> 
    <div id="element2" class="element">2</div> 
    <div id="element3" class="element">1</div> 
</div> 

<link id="left" class="slideLink"><</link> 
<link id="right" class="slideLink">></link> 

Answer 1

最简单的事情是使用现有的插件是这样的：

http://www.gmarwaha.com/jquery/jcarousellite/

否则有你尝试添加样式到您的div容器

#container { overflow:hidden; }