Imageslider jQuery를

Question

안녕하세요 모두가

내가 "imageslider"을 (들하지만, DIV와) 만들고있어 (이 여기 내 첫 번째 스레드입니다). 질문 : 테두리와 함께 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; }