N 개의 항목을 사용할 수있는 간단한 JS 슬라이드 쇼

Question

사용자가 '이전'또는 '다음'을 클릭하고 오른쪽에서 왼쪽으로 요소 슬라이드를 가져올 수있는 간단한 자바 스크립트 슬라이드 쇼를 만들고 싶습니다. 콘텐츠가 CMS에서 들어올 예정이므로 '하드 코딩'하지 않아도됩니다. 내 마크 업이 이상적으로 같을 것이다 (가장 최근의 항목은 '쇼'클래스받는 경우) : 나는 자동으로 순서를 감지하고 .client 클래스의 수 아무것도 할 수 뭔가가 필요

<span class="back"><a href="#">Previous slide</a></span> 
<span class="next"><a href="#">Next Slide</a></span> 
<div id="slideshow"> 
    <div class="client show"> 
    <p>Yada</p> 
    </div> 
    <div class="client hide"> 
    <p>Yada</p> 
    </div> 
    <div class="client hide"> 
    <p>Yada</p> 
    </div> 
    <div class="client hide"> 
    <p>Yada</p> 
    </div> 
</div><!--end slideshow--> 

합니다. 이것은 매우 가까운 것 같습니다 : http://jsbin.com/ekecu하지만 나는 전환 할 수있는 링크를 기반으로하고 싶지 않습니다. 이전과 다음 버튼을 절대적으로 배치했습니다.

정말 도움이 되었으면 좋겠다. 아니면 내가 사용할 수있는 소스 스 니펫이 너무 관대하다.

Answer 1

Shadow Box 또는 ?