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

提示:将鼠标放在中文语句上可以显示对应的英文。显示中英文
时间:2020-08-27 01:36:42  来源:igfitidea点击:

Owl-carousel and lightbox together? Or is there another solution?

jquerycsslightboxprettyphotoowl-carousel

提问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-carouselPrettyPhoto灯箱,但在此之前,我想知道是否已经存在类似的多合一解决方案。

To be more specific, I would like to make an inline image/video content slider gallery with caption on hover. It has to be responsiveand touchablefor mobile devices. If none exists yet, do Owl-carousel and PrettyPhoto work together without problems and is there a risk of conflict?

更具体地说,我想制作一个带有悬停标题的内嵌图像/视频内容滑块库。它必须responsivetouchable移动设备。如果还不存在,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 Carouseland PrettyPhotoseem to work well together and it's actually a nice combo.

我没有测试很多,但Owl CarouselPrettyPhoto似乎运作良好在一起,它实际上是一个很好的组合。

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

祝你好运

回答by Srija Nair

You can use FooGallery

您可以使用 FooGallery

It has lightbox and owl Carousel

它有灯箱和猫头鹰旋转木马