jquery - 我必须在 Jquery Serialscroll 中选择 Active 元素并为其添加类有人可以帮助我吗

Question

我已经为我的一个网站实现了 serialscroll

现在我想突出显示当前正在滚动的元素/图像，对于其余的图像，我想将不透明度设置为 70%

是否可以在 Serialscroll 插件中使用

提前致谢

Answer 1

得到了解决方案

这是场景，我为我的一个网站使用串行滚动，我想突出显示不透明度为 1 的当前元素/图像，其余的不透明度应该为 0.5

为此，只需对您的 init.js 文件进行简单调整

var $nav = $('.picture_holder img');

$('#gallery').serialScroll({
        items:'td',
        prev:'#btn-prev',
        next:'#btn-next',
        offset:-300, //when scrolling to photo, stop 230 before reaching it (from the left)
        start:0, //as we are centering it, start at the 2nd
        duration:1200,
        force:true,
        stop:true,
        lock:false,
        cycle:false, //don't pull back once you reach the end
        easing:'easeOutQuart', //use this easing equation for a funny effect
        jump: true,//click on the images to scroll to them
        navigation:$nav,
onBefore:function(e,el,$p,$i,pos){
$nav.css('opacity','0.5');
$nav.eq(pos).css('opacity','1')},
    });