div上的jQuery滑塊

Question

我試圖讓jQuery滑塊與我的divs而不是圖像一起工作... 有沒有辦法用滑塊控件來做到這一點？ 我有作爲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/