divs上的jQuery滑块

Question

我正在尝试让jQuery滑块与我的div而不是图像一起工作。有没有办法用滑块控件做到这一点？我有作为li列表构建的滑块控件。有什么建议吗伙计们？

下面是我所拥有的：

<div class="slide-show" id="slide-show">
                <div class="slide-1" id="slide-1">
                    <div>
                        <h1>Connect with fellow food lovers</h1>
                        <p>Share your passion for food with friends, and form an exclusive society with a direct connection to the finest restaurants and cafes.</p>
                        <a href="#"><img src="img/home/home-join-now.png" /></a>
                    </div>
                </div>
                <div class="slide-2" id="slide-2">
                    <div>
                        <h1>Connect with fellow food lovers</h1>
                        <p>Share your passion for food with friends, and form an exclusive society with a direct connection to the finest restaurants and cafes.</p>
                        <a href="#"><img src="img/home/home-join-now.png" /></a>
                    </div>
                </div>
                <div class="slide-3" id="slide-3">
                    <div>
                        <h1>Connect with fellow food lovers</h1>
                        <p>Share your passion for food with friends, and form an exclusive society with a direct connection to the finest restaurants and cafes.</p>
                        <a href="#"><img src="img/home/home-join-now.png" /></a>
                    </div>
                </div>
                <div class="slider-control">
                        <a href="javascript:void(0);">1</a>
                        <a href="javascript:void(0);">2</a>
                        <a href="javascript:void(0);">3</a>
                </div>
            </div>

Answer 1

你是说像Content Carousel这样的东西？

Answer 2

我最近发现了这个Caroufredsel插件。这是一个中间有fred的旋转木马插件！我在我的生产代码中使用它。看一看这可能会有帮助。它还有一个“机器人”，可以帮助我们配置我们的旋转木马。希望这能对你有所帮助。http://caroufredsel.dev7studios.com/