2017-01-28 102 views
0

我對jQuery vTerr腳本沒有什麼問題。目前,腳本在上下滑動時只有一個元素。我需要該腳本一次性滑動幾個元素,但我不知道這是否可能(例如:我有四個元素可見,下一個幻燈片腳本將替換我的全部四個元素,而不僅僅是一個)。你能幫助我嗎?jQuery vTicker - 一次只有幾個元素

我的代碼:

<div id="najnowsze-naglowki"> 
       <ul class="najnowsze"> 
        <li><span class="time">14:38</span>Uwaga! Silny wiatr!</li> 
        <li><span class="time">14:38</span>Uwaga! Silny wiatr!</li> 
        <li><span class="time">14:38</span>Uwaga! Silny wiatr!</li> 
        <li><span class="time">14:38</span>Uwaga! Silny wiatr!</li> 
        <li><span class="time">14:38</span>Uwaga! Silny wiatr!</li> 
        <li><span class="time">14:38</span>Uwaga! Silny wiatr!</li> 
        <li><span class="time">14:38</span>Uwaga! Silny wiatr!</li> 
        <li><span class="time">14:38</span>Uwaga! Silny wiatr!</li> 
       </ul> 
      </div> 

以及初始化的jQuery vTicker腳本:

$('#najnowsze-naglowki').vTicker('init', {speed: 400, 
     pause: 1000, 
     showItems: 4, 
     padding:15}); 

鏈接vTicker腳本:http://richhollis.github.io/vticker/

回答

0

實際上不是一個簡單的解決問題的方法,而是用改變標記你可以做到這一點

 $('#najnowsze-naglowki').vTicker('init', {speed: 400, 
 
     pause: 1000, 
 
     showItems: 1, 
 
     padding:15});
<!DOCTYPE html> 
 
<html lang="en"> 
 
<head> 
 
    <meta charset="UTF-8"> 
 
    <title>Title</title> 
 
</head> 
 
<body> 
 

 
<div id="najnowsze-naglowki"> 
 
       <ul class="najnowsze"> 
 
        <li> 
 
         <ul> 
 
          <li>1</li> 
 
          <li>2</li> 
 
          <li>3</li> 
 
          <li>4</li> 
 
         </ul> 
 
        </li> 
 
        <li> 
 
         <ul> 
 
          <li>5</li> 
 
          <li>6</li> 
 
          <li>7</li> 
 
          <li>8</li> 
 
         </ul> 
 
        </li> 
 
       </ul> 
 
      </div> 
 

 
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.js"></script> 
 
<script src="http://richhollis.github.io/vticker/downloads/jquery.vticker.min.js?v=1.21"></script> 
 

 
</body> 
 
</html>

我已經檢查vTicker文檔,我找不到一個選項來改變4個項目在同一時間。

+0

我也在嘗試這個,但我想也許還有另一種方式來做到這一點。但如果不是,我需要使用它,謝謝! – Adrian