2016-08-18 88 views
-1

我有兩個div s的客戶端圖像,我需要實現它們作爲一個滑塊,當我點擊下一個箭頭需要顯示其他圖像。應該有左右箭頭一旦我們點擊下一個按鈕即可顯示其他圖像。以同樣的方式,我們點擊後退箭頭之前的圖像需要顯示。任何人都可以幫助我嗎?因爲我無法弄清楚如何做到這一點。如何實現滑塊div圖像

在桌面上,應該與所有的圖像作爲普通滑,但在移動版本我應該會顯示一個滑塊

<div class="clients"> 
      <h4 class="clientss">Clients</h4> 
      <div id="clientimage"> 
       <img src="image/clients/1.png" class="imageclient1" /> 
       <img src="image/clients/2.png" class="imageclient2" /> 
       <img src="image/clients/3.png" class="imageclient3" />          
      </div>    
      <div id="clientimages"> 
       <img src="image/clients/7.png" class="imageclient7" /> 
       <img src="image/clients/8.png" class="imageclient8" /> 
       <img src="image/clients/9.png" class="imageclient9" />           
      </div> 
     </div> 
+0

試試這個http://www.cssauthor.com/best-jquery-slider-plugins/ –

+1

歡迎堆棧溢出。有很多方法來實現滑塊,所以這個問題可能有點太廣泛,除非你可以編輯你的問題來顯示一些你已經在使用並且需要幫助的JavaScript。此外,您的要求還不清楚(至少對我而言)。這兩個div是否意味着您需要在頁面上使用兩個單獨的滑塊,或者您是否嘗試使用一個滑塊來交替顯示每個div(每次顯示三個圖像)? – nnnnnn

+0

嘗試光滑的滑塊 –

回答

0

只有一個圖像試試這個:

「油滑滑塊」

http://kenwheeler.github.io/slick/

這個文件本身明確提到,如何實施。

「快樂編碼」

+0

雅試過,但我面臨一個問題,如果有一個頁面,如果有5個圖像,並在其他頁面,如果有2個圖像,如果我給雙方移動5在其他頁面正在顯示以前的3 +2圖像。但我不想在下一頁中轉動圖像。 – user6728960