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.

This is how you can combine Owl-carousel and fancyBox3 - https://codepen.io/fancyapps/pen/mqvOoz?editors=1010 — Janis, Dec 02 '17 at 13:35

GabLeRoux · Accepted Answer · 2018-04-16T14:41:42.470

7

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

edited Apr 16 '18 at 14:41

answered Apr 29 '14 at 08:48

GabLeRoux

16,715
16
63
81

1

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 – Maulik Vora Feb 18 '15 at 09:03

score 2 · Answer 2 · answered Jan 05 '15 at 07:07

2

You can use FooGallery

It has lightbox and owl Carousel

answered Jan 05 '15 at 07:07

Srija Nair

219
3
12

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

2 Answers2