Question

有没有办法在滑块中部分显示上一张和下一张图片？即。如果你说有3个设定宽度的幻灯片，你可以部分看到一部分（由不透明度和后退按钮覆盖），另一部分的整个幻灯片，然后部分看到最终（再次由不透明度和下一个按钮）。然后，您可以在一个循环中滚动幻灯片？提前致谢。任何想法都非常感激。

Answer 1

您可以通过以下更改生成nearby image partial visible slider，

$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位。

最后，您定义了＆＃39;外部容器＆＃39;尺寸（1950 x 650），移动＆＃39;滑动容器＆＃39;到-315。

无论如何，您可以调整选项＆＃39; $ SlideWidth＆＃39; $ Cols＆＃39;＆＃39; $ Align＆＃39;和＆＃39;外部容器＆＃39;大小，＆＃39;幻灯片容器＆＃39;尺寸和＆＃39;滑动容器位置以制作自己的滑块。

Answer 2

arrange layout and adjust size

re：我在哪里调整滑动宽度，cols部分？
请参阅nearby image partial visible slider

的源代码

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

2 个答案: