Jssor 全宽滑块 - 连续循环/下一张/上一张图像部分可见

2023-12-20

有没有办法在滑块中部分显示上一张和下一张图像? IE。如果您有 3 张固定宽度的幻灯片,您可以部分看到其中一张的一部分(被不透明度和后退按钮覆盖),另一张幻灯片的整张,然后部分看到最​​后一张(再次被不透明度和后退按钮覆盖)下一个按钮)。然后您可以循环滚动幻灯片吗? 提前致谢。任何想法都非常感激。


你(们)能做到附近图像部分可见滑块 http://www.jssor.com/testcase/nearby-image-partial-visible-slider.source.html进行以下更改,

$SlideWidth: 1300,
$Cols: 2,
$Align: 650
<div id="slider1_container" style="position: relative; margin: 0 auto; top: 0px; left: 0px; width: 1950px; height: 620px; overflow: hidden;">
    <div u="slides" style="cursor: move; position: absolute; left: -315px; top: 0px; width: 2600px; height: 620px; overflow: hidden;">

通过这种方式,您可以定义大小为(2600 x 650)的幻灯片容器,它可以显示2张幻灯片。当前幻灯片的位置将从 0 移动到 650。

最后,定义大小为 (1950 x 650) 的“外部容器”,并将“幻灯片容器”移动到 -315。

无论如何,您可以调整选项“$SlideWidth”、“$Cols”、“$Align”和“外部容器”大小、“幻灯片容器”大小和“幻灯片容器位置”来制作自己的滑块。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Jssor 全宽滑块 - 连续循环/下一张/上一张图像部分可见 的相关文章