jQuery vTicker - 一次只有几个元素

Question

我对 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});

Link 到 vTicker 脚本：http://richhollis.github.io/vticker/

Answer 1

实际上这不是解决您问题的直接方法，但通过更改标记您可以实现此目的

       $('#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 个项目的选项。

jQuery vTicker - 一次只有几个元素

jQuery vTicker - few elements at one moment

javascript

jquery

ticker

vticker