Jquery 向Nivo灯箱添加滑动功能?
我在一个网站上使用了由提供的Nivo Lightbox,在gallery模式下,我似乎无法让它触摸幻灯片/滑动 我环顾四周,在网上找不到可行的答案。我找到的那两个,不起作用,或者说我不能让他们起作用。我知道这个功能可以在这个网站上运行:www.imageworkshop.com/2013/06/19/dance-performer-promo-photography/ 提前感谢所有对此做出回应的人 更新 我已经设法使滑动部分工作,仅在lightbox内容的上方和下方Jquery 向Nivo灯箱添加滑动功能?,jquery,iframe,lightbox,swipe,nivo-slider,Jquery,Iframe,Lightbox,Swipe,Nivo Slider,我在一个网站上使用了由提供的Nivo Lightbox,在gallery模式下,我似乎无法让它触摸幻灯片/滑动 我环顾四周,在网上找不到可行的答案。我找到的那两个,不起作用,或者说我不能让他们起作用。我知道这个功能可以在这个网站上运行:www.imageworkshop.com/2013/06/19/dance-performer-promo-photography/ 提前感谢所有对此做出回应的人 更新 我已经设法使滑动部分工作,仅在lightbox内容的上方和下方 <script typ
<script type="text/javascript">
jQuery(document).ready(function(){
jQuery('body').touchwipe({
wipeLeft: function(){ jQuery(".nivo-lightbox-next").click(); },
wipeRight: function(){ jQuery(".nivo-lightbox-prev").click(); },
min_move_x: 70,
min_move_y: 70,
preventDefaultEvents: false
});
});
</script>
我相信问题是让它在一个iframe上工作 使用此插件:
要使用的代码:
$(function(){
var addSwipeTo = function(selector) {
$(selector).swipe("destroy");
$(selector).swipe({
swipe:function(event, direction, distance, duration, fingerCount, fingerData) {
if (direction == "left") {
$(".nivo-lightbox-next").trigger("click");
}
if (direction == "right") {
$(".nivo-lightbox-prev").trigger("click");
}
}
});
};
$(document).on('click', ".lightbox", function(){
addSwipeTo(".nivo-lightbox-overlay");
});
});
我发现的两个都不起作用-你能发布你尝试过的和不起作用的吗?他们非常相似。。。