jQuery 猫头鹰旋转木马和灯箱在一起?或者还有其他解决方案吗?
声明:本页面是StackOverFlow热门问题的中英对照翻译,遵循CC BY-SA 4.0协议,如果您需要使用它,必须同样遵循CC BY-SA许可,注明原文地址和作者信息,同时你必须将它归于原作者(不是我):StackOverFlow
原文地址: http://stackoverflow.com/questions/21501157/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me):
StackOverFlow
Owl-carousel and lightbox together? Or is there another solution?
提问by dragoeco
I would like to use Owl-carouseland PrettyPhotolightbox together but before that, I would like to know if a similar all-in-one solution already exists.
我想同时使用Owl-carousel和PrettyPhoto灯箱,但在此之前,我想知道是否已经存在类似的多合一解决方案。
To be more specific, I would like to make an inline image/video content slider gallery with caption on hover. It has to be responsive
and touchable
for mobile devices. If none exists yet, do Owl-carousel and PrettyPhoto work together without problems and is there a risk of conflict?
更具体地说,我想制作一个带有悬停标题的内嵌图像/视频内容滑块库。它必须responsive
和touchable
移动设备。如果还不存在,Owl-carousel 和 PrettyPhoto 一起工作没有问题,是否有冲突的风险?
Thank's for any help.
谢谢你的帮助。
采纳答案by GabLeRoux
See my example fiddle, I included a youtube video slider.
请参阅我的示例小提琴,我包含了一个 youtube 视频滑块。
I did not test much but Owl Carousel
and PrettyPhoto
seem to work well together and it's actually a nice combo.
我没有测试很多,但Owl Carousel
并PrettyPhoto
似乎运作良好在一起,它实际上是一个很好的组合。
Here is a very basic example usage:
这是一个非常基本的示例用法:
$(document).ready(function () {
$("a[rel^='prettyPhoto']").prettyPhoto();
$(".owl-slider").owlCarousel();
});
You may also have a look on this jsbinI found for captions with owl carousel. I'm sure it's possible to merge both examples to get something out of it.
您也可以查看我为 owl carousel 找到的标题的jsbin。我确信可以合并两个示例以从中获得一些东西。
Good luck
祝你好运