Есть сайт со слайдером.
Слайд использует библиотеку SlidesJS. Структура слайдера:
<div id="slider">
<div class="slide">
<div class="slide-img">
<img src="" alt="" />
</div>
</div>
<div class="slide">
<div class="slide-img">
<img src="" alt="" />
</div>
</div>
<div class="slide">
<div class="slide-img">
<img src="" alt="" />
</div>
</div>
<div class="slide">
<div class="slide-img">
<img src="" alt="" />
</div>
</div>
Возникла следующая проблема скрипт отрабатывает через раз - заходим на страницу показывается просто столбик из картинок. Обновляем раз 4-5 и только после этого отрабатывает скрипт и формируется слайдер. Если после этого еще раз обновить страницу, появляется снова столбик из картинок.
Подключай скрипты в конце body и запускай инициализацию в JS:
$( window ).load(function() {
// Run code
});
Инициализация слайдера произойдет сразу после полной загрузки страницы, если страница написана качественно (0-2 секунды для загрузки), то это решение будет оптимальным.
В противном случае, лучшие подключить инициализацию на загрузку в body:
<body onload="yourFunction();">
//Some code
</body>
Сборка персонального компьютера от Artline: умный выбор для современных пользователей