У меня проблема, я хочу показать отзывчивое скользящее изображение, http://responsiveslides.com/
мой код
$('document').ready(function () {
$.getScript("sliding_zoom/responsiveslides.js", function () {
$(".rslides").responsiveSlides({
maxwidth: 1024,
speed: 2000,
pause: false
});
})
})
Мой HTML
<ul class="rslides" id="Ul1">
<li>
<a href="Images/noimage.jpg" class="fancybox" rel="fancybox" title="SHAKEOUT">
<img src="Images/Linear_Motion_Shakeout_1.jpg" alt="" />
</a>
</li>
<li>
<a href="Images/noimage.jpg" class="fancybox" rel="fancybox" title="SHAKEOUT ">
<img src="Images/Shakeout.jpg" alt="" />
</a>
</li>
</ul>
Код выше работает нормально, но проблема связана с медленной пропускной способностью Интернета или может быть проблемой.my ul li загружается со всеми изображениями один за другим (средние пользователи могут видеть все изображения, которые отображаются в вертикальном направлении в течение некоторого времени через 6 секунд после того, как плагин jquery получит полную загрузку ul li, и все изображение достигнет его нормального положения).
Неправильный способ:
$('document').ready(function () {
})
Правильный способ:
$(document).ready(function() {
//your code goes here
});
Это запустит скрипт, когда структура документа будет готова.
$('document').ready(function () {
Средства выполняются, когда документ готов (страница полностью загружена).
Поместите свой код в тег script
как самый первый элемент в body
.
<body>
<script>
$.getScript("sliding_zoom/responsiveslides.js", function () {
$(".rslides").responsiveSlides({
maxwidth: 1024,
speed: 2000,
pause: false
});
</script>
<!-- Rest of the HTML -->
</body>
Он будет выполнять код сразу после его чтения.
responseSlides()
до того, как все слайды будут фактически загружены.