Question

我正在使用Glide.js，我想像这样设置滑块：我想看到其他元素不仅活跃/当前，所以我转向css：overflow：hidden，接下来我想添加到next和prev元素模糊或不透明度。我知道glide.js有函数next（）/ prev（），但我不知道如何将属性样式设置为我试过的next / prev元素：

slide.next().find("img").attr("style","opacity:0.5");

结果：无法识别查找。所以我试过了：

slide.next(function(){ $(this).find("img").attr("style","opacity:0.5")});

没有错误但也没有效果。有人可以解释一下它是如何工作的，也许我不明白next（）/ prev（）做什么，它看起来有点不同。谢谢你的回复。

Answer 1

现在我认为更好的想法是将所有元素设置为不透明度，并且仅将当前元素移除或设置不透明度：1;我也尝试过这种方式，但仍然有问题，我不知道是什么。我试过了：

$("#menuSlider .slider-nav").children().change(function(){
    var slide = glide.current();
    var Img = $('#galeria li.slide:nth-child(' + slide + ')').find("img");
    Img.attr("style","opacity:1");
    });

但我认为第一行是错误的，因为如果我只留下它所使用的功能内部（但仅限于第一个元素，因为程序不会看到幻灯片的变化）

它是如何正确的？

Glide.js - 如何在next / prev幻灯片上设置图像样式

1 个答案: