Слайдер с размерами зависящими от загрузки dom и картинок
Добавлено: 2019.08.14, 04:24
Здравствуйте,
Есть недоделанная верстка с хитро вкрученным в страницу слайдером.
Используется jquery и слайдер slick.js
Слайдер инициализируется на $(document).ready но проблема в том, что похоже его размеры подсчитываются как-то от размеров загруженных картинок, и он нормально отображается только после ввода url страницы в адресную строку и нажатия enter. Если нажать ф5 или кнопку "обновить" в интерфейсе браузера, слайдер не отображается. Думаю, потому что картинки не успевают прогрузиться до инициализации.
Попробовал повесить инициализацию на on('load') всех картинок. В таком случае получается наоборот. При обновлении страницы картинки перекачиваются и событие инициализирует слайдер. Но если нажать enter после ввода url, то похоже картинки берутся из кеша и событие не вызывается...
Как быть?
зы: такое поведение только в фф, в вебкитах все норм
Есть недоделанная верстка с хитро вкрученным в страницу слайдером.
Используется jquery и слайдер slick.js
Слайдер инициализируется на $(document).ready но проблема в том, что похоже его размеры подсчитываются как-то от размеров загруженных картинок, и он нормально отображается только после ввода url страницы в адресную строку и нажатия enter. Если нажать ф5 или кнопку "обновить" в интерфейсе браузера, слайдер не отображается. Думаю, потому что картинки не успевают прогрузиться до инициализации.
Попробовал повесить инициализацию на on('load') всех картинок. В таком случае получается наоборот. При обновлении страницы картинки перекачиваются и событие инициализирует слайдер. Но если нажать enter после ввода url, то похоже картинки берутся из кеша и событие не вызывается...
Как быть?
зы: такое поведение только в фф, в вебкитах все норм