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

Question

I would like to use Owl-carousel and PrettyPhoto lightbox together but before that, I would like to know if a similar all-in-one solution already exists.

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?

Thank's for any help.

Hautesalpes

This is how you can combine Owl-carousel and fancyBox3 - codepen.io/fancyapps/pen/mqvOoz?editors=1010 – Warty

Answer 1

See my example fiddle, I included a youtube video slider.

I did not test much but Owl Carousel and PrettyPhoto seem to work well together and it's actually a nice combo.

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 jsbin I found for captions with owl carousel. I'm sure it's possible to merge both examples to get something out of it.

Good luck

Delaware

Hi GabLe, I am trying to same. I am facing a problem when someone clicks on any image/logo in the carousel, It then stops autosliding. that problem is also there in your jsfiddle. when you click on any picture, It will stop auto-sliding the images, Let me know if there is any solution – Harp

Answer 2

You can use FooGallery

It has lightbox and owl Carousel

Emmery