Javascript ImageSliderjQuery

大家好（这是我在这里的第一个帖子）

我正在用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>

var pos=1；
$（文档）.ready（函数（）{
控制台日志（“position:+pos”）；
var slides=$（'#container.element'）；
var numberOfSlides=slides.length；
控制台日志（“antal幻灯片：+numberOfSlides”）；
$（'#right'）。单击（函数（）{
if（pos1）{
$（'#container div.element'）。动画（{“left”：'-=200px'}，1000）；
pos--；
控制台日志（“position:+pos”）；
}
否则{
$（'#container div.element'）。动画（{“left”：'+=400px'}，1000）；
pos=3；
控制台日志（“position:+pos”）；
}
});
}); 
3.
2.
1.

最简单的方法是使用如下现有插件：

否则，您是否尝试将样式添加到容器div

#container { overflow:hidden; }

---

常见的新手错误，忘记格式化代码。单击编辑，突出显示您的代码，然后单击编辑器中的“代码示例”按钮，看起来像

101 010