私が取り組んでいるこのページの下部にある「推奨アイテム」の 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>£ 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>£ 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>£ 59.99</p>
</div>
</div><!-- suggestedproduct-container -->
<div id="carousel-right"><a href="#"><img src="http://placehold.it/20x100" /></a></div>