2017-01-28 167 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