Imageslider jQuery

Question

Привет всем (это моя первая тема здесь)

Я делаю "imageslider" (но с div: s) с помощью jquery. Вопрос в том, как мне скрыть элементы прокрутки за пределами 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; }