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/

div上的jQuery滑块

2 个答案: