div 요소의 jQuery 슬라이더

Question

이 페이지 하단의 '제안 된 항목'에 대한 div 및 컨테이너를 만들었습니다. 왼쪽 및 오른쪽을 클릭하여 자세한 내용을 볼 수있는 슬라이더가되고 싶습니다. . 하지만 jQuery 슬라이더는 이미지만으로 작동하는 것으로 보았습니다. 이미지가 아닌 사람들이이 상황에서 저에게 추천 할 수있는 것들이 있습니다.

저는 DIV가 UL 요소 내부에있을 수 없다고 생각합니다. 사용 된 모든 슬라이더와 같습니다.

아래의 슬라이더 영역에 대한 내 HTML입니다. 그리고 페이지에 대한 링크 : http://bit.ly/18IOB8J

<div id="carousel-left"><a href="#"><img src="http://placehold.it/20x100" /></a></div> 

      <div id="suggestedproducts"> 
       <div id="suggestedproduct-container"> 
        <div id="suggestedproduct-img"> 
         <a href="#"><img src="http://acsupply.mangdevelopment.co.uk/upload/category/5_FixingsHardwareSecurity.jpg" /></a> 
        </div> 
        <div id="suggestedproduct-desc"> 
         <a href="#"><h5>JCB 650W ELECTRIC JIGSAW</h5></a> 
         <p>&#163; 59.99</p> 
        </div> 
       </div> 
       <div id="suggestedproduct-container"> 
        <div id="suggestedproduct-img"> 
         <div id="suggestedproduct-img"> 
         <a href="#"><img src="http://acsupply.mangdevelopment.co.uk/upload/category/5_FixingsHardwareSecurity.jpg" /></a> 
        </div> 
        </div> 
        <div id="suggestedproduct-desc"> 
         <a href="#"><h5>JCB 650W ELECTRIC JIGSAW</h5></a> 
         <p>&#163; 59.99</p> 
        </div> 
       </div> 
       <div id="suggestedproduct-container"> 
        <div id="suggestedproduct-img"> 
         <a href="#"><img src="http://acsupply.mangdevelopment.co.uk/upload/category/5_FixingsHardwareSecurity.jpg" /></a> 
        </div> 
        <div id="suggestedproduct-desc"> 
         <a href="#"><h5>JCB 650W ELECTRIC JIGSAW</h5></a> 
         <p>&#163; 59.99</p> 
        </div> 
       </div><!-- suggestedproduct-container --> 
       <div id="carousel-right"><a href="#"><img src="http://placehold.it/20x100" /></a></div> 

Answer 1

에서 찾을 수 있습니다. 매우 가벼운 무게는 필요한 모든 옵션이 있습니다

• 그것은 이미지 나 HTML 콘텐츠를 밀어 수
• 는 반응이다
• 좋은 키보드, 마우스를 제공 및 휠 컨트롤 스크롤
• 통합 및 사용자 정의 아주 쉽게
• 페이드 또는 슬라이드 천이
• 타이밍 옵션 표시 제어 옵션 ...

그것은 내가 사용하고 있던 다른 모든 슬라이더 스크립트를 대체했습니다. 아주 쉽게 통합하고 사용자 정의 할 수 있고 매우 가벼우 며 보너스로 멋진 페이드 효과를 제공하기 때문입니다.

Answer 2

콘텐츠의 모든 종류의를 지원하는 많은 jQuery를 슬라이더가 있습니다. 내가 여러 번 사용했습니다 그 중 하나가 http://tympanus.net/Development/CircularContentCarousel/

소스이며, 튜토리얼은 내가 거기에 통합하는 가장 쉬운 슬라이더 스크립트 중 하나가 될 Basic Slider을 발견 http://tympanus.net/codrops/2011/08/16/circular-content-carousel/