How to solve slick.js reinitialization issue?

Question

JavaScript

Slick.js has very strange behavior. When opening a popup, the normal view is:

normal view

This view will be the first time the popup is opened. If you open others, the following situation:

Problem

That is, images are not loaded, but slider arrows are displayed. If you click on them, the photo gradually opens:

Gradual disclosure

I think the problem is in the initialization. Has anyone come across this and how can I solve the problem?

Answer 1

When called again, call the setPosition method
$('.slider').slick('setPosition');