트위터의 다음 이미지와 이전 이미지보기 부트 스트랩 캐 러셀

Question

Twitter 부트 스트랩 캐 러셀에서 다음 슬라이드 쇼 이미지를 표시하는 방법을 찾고 있습니다.

기본값에 따라 현재 이미지가 표시되고 디스플레이를 제거하면 아무런 CSS 속성도 표시되지 않습니다. 아래에있는 모든 항목이 회전식 아래에 있습니다. 나는 CSS와 함께 놀려고했지만 작동시키지 못했다.

아이디어는 중간에 현재 슬라이드 쇼 이미지를 표시 한 다음 불투명도가있는 다음 이미지와 이전 이미지를 클릭 할 필요가없는 것으로 표시하는 것입니다.

다른 슬라이드 쇼와 캐 러셀을 사용해 보았지만이 요구 사항을 만족하는 사람을 찾지 못했고 가까이에있는 사람들 중 일부는 부트 스트랩이 제공하는 반응 형 디자인에 적응하지 못합니다.

일반적으로 여러 항목이있는 회전식 메뉴를 사용하는 경우 예를 들어 다음과 같이 그룹화합니다. <div class="item" 내 이미지> DIV 같은 :

<div class="item active"> 
<img src="http://www.entiri.com/minett/img/slider/1.jpg" alt=""> 
<img src="http://www.entiri.com/minett/img/slider/2.jpg" alt="" style=""> 
<img src="http://www.entiri.com/minett/img/slider/3.jpg" alt="" style=""> 
</div> 
<div class="item"> 
<img src="http://www.entiri.com/minett/img/slider/1.jpg" alt=""> 
<img src="http://www.entiri.com/minett/img/slider/2.jpg" alt="" style=""> 
<img src="http://www.entiri.com/minett/img/slider/3.jpg" alt="" style=""> 
</div> 
<div class="item"> 
<img src="http://www.entiri.com/minett/img/slider/1.jpg" alt=""> 
<img src="http://www.entiri.com/minett/img/slider/2.jpg" alt="" style=""> 
<img src="http://www.entiri.com/minett/img/slider/3.jpg" alt="" style=""> 
</div> 

그러나 이것은이 시간에 세 가지 항목을 회전 한 이미지 각각을하지 때문에 내가 원하는 걸하지 않습니다.

워크 스루 또는 튜토리얼에 대한 제안, 조언 또는 링크를 제공해 주시면 대단히 감사하겠습니다.

건배

Answer 1

이 너무 귀하의 자바 스크립트 코드를 게시하는 나에게

Twitter Bootstrap 101: The Carousel