jquery - Active 要素を選択し、Jquery Serialscroll でクラスを追加する必要があります。

Question

私は私のウェブサイトの1つにserialscrollを実装しました

今、スクロールされている現在の要素/画像を強調表示し、残りの画像については不透明度を70％にしたい

Serialscrollプラグインで可能ですか

前もって感謝します

Answer 1

解決策を得た

これがシナリオです。私のWebサイトの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')},
    });