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

链接到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 - 一时间很少有元素

1 个答案: