javascript - 每次单击时取消滑动多张幻灯片

Question

我试图让 jquery 插件unslider在每次单击下一个/上一个按钮时工作，下一个隐藏的幻灯片会进入视图。

例如，如果在页面加载时只有三张幻灯片在视图中，那么每次单击下一个箭头时，接下来的三张幻灯片就会进入查看。

我目前有 unslider 工作，其中只有一张幻灯片在视图中，并且每次单击时一张幻灯片进入视图。

想知道过去是否有人使用此插件完成此行为并愿意提供帮助？

提前致谢

JS

$('.photo-slider').unslider({
    infinite: true,
    nav: false
});

HTML

<div class="photo-slider">
                <ul>

                    <li>
                        Hello1
                    </li>
                    <li>
                        Hello2
                    </li>
                    <li>
                        Hello3
                    </li>
                    <li>
                        Hello4
                    </li>
                    <li>
                        Hello5
                    </li>
                    <li>
                        Hello6
                    </li>
                    <li>
                        Hello7
                    </li>
                    <li>
                        Hello8
                    </li>
                    <li>
                        Hello9
                    </li>
                    <li>
                        Hello10
                    </li>
                    <li>
                        Hello11
                    </li>
                    <li>
                        Hello12
                    </li>
                    <li>
                        Hello13
                    </li>
                    <li>
                        Hello14
                    </li>
                    <li>
                        Hello15
                    </li>
                </ul>

Answer 1

更好地改变视图并在一里添加3个图像或文本，如下所示：

<div class="photo-slider">
            <ul>

                <li>
                    <div>Hello1</div>
                    <div>Hello2</div>
                    <div>Hello3</div>
                </li>
                <li>
                    <div>Hello4</div>
                    <div>Hello5</div>
                    <div>Hello6</div>
                </li>
            </ul>