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.

Solution 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

Solution 2

You can use FooGallery

It has lightbox and owl Carousel