Geek Answers Handbook

Slick Slider setPosition for navigation

I am using Slick Slider in Magnific Popup .

The slider may contain a couple of elements and have its own miniature navigator.

Since the popup sets the slider to display: none I use:

$('.slider-products').slick('setPosition');

in the callback function when a popup opens and changes.

I created a pen .

You will see a couple of problems, firstly, the thumbnail navigation does not load correctly due to the fact that setPosition is not installed, but I could not get this to work. If you resize the window, you will see it.

Secondly, the first positions do not start on the second (violet) and third (green) elements. Each slider gets its own unique class, so they should not interfere with each other.

+8
jquery magnific-popup
source share

No one has answered this question yet.

See related questions:

nine
slick slider - css transition infinite loop error
7
Slick Slider slickGoTo method carousel breaking
3
How can I access the caller in a popup definition?
one
plotting a timeline slider in JS
one
slick setPosition not working
one
Corner JS Slick Carousel - doesn't seem to work
one
A resize event is received every time the jQuery UI tab is clicked.
one
Magnific Popup does not work with multiple galleries per page
one
Smooth slider does not respond when resizing a window
0
Click on a dynamically added item in Magnific Popup that is not detected. Trying to move to the next item when clicking the current item in ajax gallery

More articles:


All Articles