jQuery vTicker - несколько элементов в один момент

У меня мало проблем с jQuery vTicker script. Пока скрипт скользит вверх или вниз только по одному элементу. Мне нужно, чтобы этот скрипт скользил по нескольким элементам в один момент, но я не знаю, возможно ли это (например: я вижу четыре элемента, а на следующем слайд-скрипте заменяются все четыре элемента, а не только один). Вы можете мне помочь?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/

источник

2017-01-28 Adrian

Не на самом деле прямой решение вашей проблемы, но с изменяя разметку, вы можете достичь этого

 $('#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 элементов одновременно.

источник

2017-01-28 20:08:58 azs06

Я тоже пытался это сделать, но думал, что есть другой способ сделать это. Но если это не мне нужно использовать, спасибо! – Adrian

jQuery vTicker - несколько элементов в один момент

ответ

Смежные вопросы