Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

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

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.

like image 728
dragoweb Avatar asked Feb 01 '14 17:02

dragoweb


People also ask

Is Owl Carousel deprecated?

Owl Carousel hasn't been updated in 3 years and is officially deprecated by its maintainers.

What is responsive owl carousel?

Owl Carousel is an easy to use, updateable, fast and free responsive carousel slider with editable code structure. It works with the jquery library and is compatible with many common browsers. They can also be used by using directional arrows, dragging and dropping and automatic looping.


1 Answers

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

like image 93
GabLeRoux Avatar answered Nov 03 '22 00:11

GabLeRoux