jQuery slider for div-Elemente nicht nur Bilder

Ich habe die divs und Behälter für einige "empfohlene Elemente" am Ende dieser Seite im arbeiten auf, die es möchten, werden Sie einen Schieberegler, wo Sie klicken Sie auf die Links und rechts mehr zu sehen. Aber alle jQuery-Slider, die ich gesehen habe funktionieren nur bei "nur Bilder" (Karussells), gibt es diejenigen Leute empfehlen könnte, die für mich für diese situation, da es nicht nur Bilder.

Nahm ich an, dass ich nicht haben kann DIV ' s innerhalb des UL-Elemente wie das ist, was Sie alle regler, die ich gesehen habe verwenden.

Hier ist mein html-Code für das slider-Bereich unten. Und ein link zu der Seite: 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>

InformationsquelleAutor wharfdale | 2013-11-01