简体   繁体   English

Bootstrap Modal->向左/向右滑动

[英]Bootstrap Modal -> Swipe left / right

I'm looking for a jQuery Plugin that opens a Overlay with an Image and Custom HTML on the Bottom like the Facebook-Overlay when I click on a Image in my Timeline. 我正在寻找一个jQuery插件,当我在时间轴中单击图像时,会在底部像Facebook-Overlay一样打开一个带有Image和Custom HTML的Overlay。

Under the Image I want to show comments and so on. 在“图像”下,我要显示评论等。 I thought i could use maybe the bootstrap modal but how can I modify it that I can swipe left / right for next / previous item? 我以为我可以使用bootstrap模态,但如何修改它才能向左/向右滑动下一个/上一个项目?

To swipe use library - jQuery.min.js, jquery.mobile.min.js. 要滑动,请使用库-jQuery.min.js,jquery.mobile.min.js。

Within modal put a carousel. 在模态内放一个转盘。 Code to swipe carousel is 滑动轮播的代码是

jQuery(".carousel").swiperight(function() {
  jQuery(this).carousel('prev');
});
jQuery(".carousel").swipeleft(function() {
  jQuery(this).carousel('next');
});

In carousel item you can design how you wish. 在轮播项目中,您可以设计自己的愿望。

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM