我为我的一个网站实施了serialscroll
现在我想突出显示正在滚动的当前元素/图像,以及其他想要使不透明度为70%的图像
是否可以使用Serialscroll插件
提前致谢
答案 0 :(得分:0)
得到了解决方案
这是一个场景,即时通讯使用串行滚动我的一个网站,我想突出显示当前元素/图像的不透明度为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')},
});