我想结合使用fslightbox.js
灯箱插件:
https://fslightbox.com
使用jquery-mousewheel
插件
https://github.com/jquery/jquery-mousewheel
添加鼠标滚轮功能,以便当用户在灯箱上向上或向下滚动时,它更改为下一张或上一张照片。
这是我的js代码,但lightbox.on('mousewheel')
不会触发,
关于如何使它起作用的任何想法?
var lightbox = $('.fslightbox-container');
lightbox.on('mousewheel','.fslightbox-absoluted',function (e) {
if (e.deltaY>0) {
lightbox.trigger('.fslightbox-slide-btn-container-next"');
} else {
lightbox.trigger('.fslightbox-slide-btn-container-previous');
}
e.preventDefault();
});
html:
<div id="mygallery" >
<a href="./app/img/ilustraciones-1.png" data-fslightbox>
<img src="./app/img/ilustraciones-1.png"/>
</a>
<a href="./app/img/ilustraciones-2.png" data-fslightbox>
<img src="./app/img/ilustraciones-2.png"/>
</a>
<a href="./app/img/ilustraciones-3.png" data-fslightbox>
<img src="./app/img/ilustraciones-3.png"/>
</a>
</div>