div元素不只是圖像的jQuery滑塊

我已經在這個頁面的底部創建了一些'建議項目'的div和容器，我正在努力，希望它是一個滑塊，您可以點擊左側和右側以查看更多。但是我所見過的所有jQuery滑塊只能用於圖像（傳送帶），有沒有人可以爲我推薦這種情況，因爲它不僅僅是圖像。div元素不只是圖像的jQuery滑塊

我推測我不能在UL元素內部有DIV，因爲這是我見過的所有滑塊都使用的。

這是我的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>

來源

2013-11-01 JordanC26