EasySlider 1.7 Help - Все контент, отображаемые на странице нагрузки
-
26-09-2019 - |
Вопрос
При внедрении Easy Slider 1.7 с jQuery на странице мой, я обнаруживаю, что когда страница первая нагрузка, оба изображения в ul
Дисплей слайдера, а затем отображается слайдер, и отображается только первое слайд.
Какой лучший способ исправить это так, чтобы слайдер div
Не отображается до тех пор, пока скрипт не загрузится должным образом? Я использую этот код, чтобы запустить его:
$(document).ready(function(){
$("#slider").easySlider({
auto: true,
continuous: true,
pause: 10000
});
});
Решение
Вы можете просто скрыть содержимое через CSS, как это:
#slider { display: none; }
Затем показать это на странице нагрузки, а также:
$(document).ready(function(){
$("#slider").show().easySlider({ auto: true, continuous: true, pause: 10000 });
});
Чтобы быть в безопасности, я бы добавил блок на страницу для пользователей NO-JS, может быть листе стиль внутри, если у вас есть много из них, в противном случае просто тег стиля:
<noscript><style type="text/css">#slider { display: block; }</style></noscript>
Другие советы
Я добавил код ниже моих CSS, чтобы скрыть изображения из сложенных.
/*Added to hide stacking of images on IE 7/8*/
#slider{
height:227px;
overflow:hidden;
}