2017-01-28 1 views
0

Ich habe wenig Problem mit jQuery vTicker Skript. Im Moment gleitet das Skript nur um ein Element nach oben oder unten. Ich brauche dieses Skript, um einige Elemente in einem Moment nach oben zu schieben, aber ich weiß nicht, ob das möglich ist (zum Beispiel: Ich habe vier Elemente sichtbar und auf dem nächsten Dia-Skript ersetze ich alle meine vier Elemente, nicht nur eins). Kannst du mir helfen?jQuery vTicker - einige Elemente in einem Moment

Mein Code:

<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> 

und Initialisierung von jQuery vTicker Skript:

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

Link zu vTicker Skript: http://richhollis.github.io/vticker/

Antwort

0

Nicht wirklich eine straight forward Lösung für Ihr Problem, aber mit Änderung Markup können Sie dies erreichen

 $('#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>

Ich habe vTicker Dokumentation überprüft, und ich konnte nicht eine Option finden 4 Elemente gleichzeitig zu ändern.

+0

Ich habe das auch versucht, aber ich dachte, vielleicht gibt es einen anderen Weg, es zu tun. Aber wenn es nicht ist, brauche ich das, danke! – Adrian

Verwandte Themen