Question

我试图让jquery插件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

更好地更改视图并在一个li中添加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>

每次点击都可以取消定位多张幻灯片

1 个答案: