Owl carousel 2 thumbnails

Owl carousel 2 thumbnails

Please complete the security check to access codepen.io

Why do I have to complete a CAPTCHA?

Completing the CAPTCHA proves you are a human and gives you temporary access to the web property.

What can I do to prevent this in the future?

If you are on a personal connection, like at home, you can run an anti-virus scan on your device to make sure it is not infected with malware.

If you are at an office or shared network, you can ask the network administrator to run a scan across the network looking for misconfigured or infected devices.

Another way to prevent getting this page in the future is to use Privacy Pass. You may need to download version 2.0 now from the Chrome Web Store.

Cloudflare Ray ID: 5567b3a56fccbee2 • Your IP : • Performance & security by Cloudflare

I have the following owl carousel with the thumbnail bar .

Technology used here,

As you can see in the snippet it’s working fine, but here I need a simple modification.

I want to avoid the horizontal scroll-bar for the thumbnail and add navigation icons and > in the both ends that perform well.

1 Answer 1

I don’t know Owl Carousel Thumbs, but as what @lucascaro suggested, you just use another carousel for those thumbnails, and add appropriate event handler.

Say #oc1 is your top carousel, and #oc2 is your thumbnail carousel. You could write something like:

where data(‘sl , you put in each slide of the thumbnail carousel.

Regarding to the left and right nav buttons, you write the buttons in your own HTML and attach the click events like this:

Читайте также:  Qumo microsd не форматируется

Owl Carousel 2 Thumbnails plugin

Enables thumbnail support for Owl Carousel 2.0

grab the latest release and slam it behind the default owl carousel plugin.

Use pre-rendered html as thumbnails. recommended

Ссылка на основную публикацию
Adblock detector