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

我发现Basic Slider是集成在那里的最好和最简单的滑块脚本之一.重量很轻,有所有需要的选择:

• 它可以滑动图像和/或HTML内容
• 这是响应
• 提供漂亮的键盘,鼠标和滚轮控件
• 非常容易集成和定制
• 淡入淡出或滑动过渡
• 定时选项,控制显示选项,......

它取代了我正在使用的所有其他滑块脚本,因为它非常容易集成和自定义,并且非常轻量级,并且奖励提供了很好的淡入淡出效果.