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内容
响应
提供漂亮的键盘，鼠标和滚轮控件
非常易于集成和自定义
淡入或滑动过渡
计时选项，控制显示选项，......

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

Answer 2

有许多jQuery滑块支持所有类型的内容。我曾多次使用其中一个是http://tympanus.net/Development/CircularContentCarousel/

可以在http://tympanus.net/codrops/2011/08/16/circular-content-carousel/

找到来源和教程

div元素的jQuery滑块不仅仅是图像

2 个答案: