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

dragoeco picture dragoeco · Feb 1, 2014 · Viewed 24k times · Source

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.

Answer

GabLeRoux picture GabLeRoux · Apr 29, 2014

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