为可见图像附近的 jssor 滑块添加不透明度 [英] Add opacity to jssor slider nearby visible images

问题描述

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

I want to add opacity to the nearby images of a jssor slider.

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

I found this old one but I cannot get it to work:

jssor 附近滑块不透明度即将到来的照片

尤其是这部分:

<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>

小提琴

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

谢谢

推荐答案

现在，你可以在上面添加静态封面，让它看起来像这样.下载jssor滑块开发包，找到演示'examples/overlay-cover.html'.

For now, you can add static cover above to make it appear like that. Download jssor slider dev pack, find the demo ‘examples/overlay-cover.html’.

顺便说一句，我们稍后会将此作为内置功能实现.

Btw, we will implement this as built feature later.

这篇关于为可见图像附近的 jssor 滑块添加不透明度的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！