将不透明度添加到附近可见图像的jssor滑块

Question

我想为附近的jssor滑块图像添加不透明度。

我找到了这个旧的，但我无法让它工作：

jssor nearby slider opacity upcoming photos

特别是这部分：

<div data-u="slides" id="slideimage-content">
    <?php foreach ($sectionImage as $key => $value) {?>
        <div data-p="112.50" style="display: none;border-style:none; ">
            <img data-u="image" src="<?php echo $value['url'] ?>" style="border-style:none;"/>
            <div class="slidecover slidecover<?php echo $key ?> coverdark"></div>
        </div>
    <?php } ?>


</div>

Jfiddle

https://jsfiddle.net/sLjfu7xc/3/

由于

Answer 1

现在，您可以在上方添加静态封面，使其显示如此。 下载jssor slider dev pack，找到演示'examples / overlay-cover.html'。

顺便说一下，我们稍后会将其作为内置功能实现。