загрузить плагин JQuery и JQuery до загрузки HTML

Question

загрузить плагин JQuery и JQuery до загрузки HTML

0

У меня проблема, я хочу показать отзывчивое скользящее изображение, 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, и все изображение достигнет его нормального положения).

user1681166 26 сен. 2013, в 13:46

Источник

Теги:

jquery

2 ответа

Ещё вопросы

coder · Answer 1 · 2013-09-26T09-18-00.000Z

Неправильный способ:

$('document').ready(function () {

})

Правильный способ:

$(document).ready(function() {
    //your code goes here 
});

Это запустит скрипт, когда структура документа будет готова.

xyz · Answer 2 · 2013-09-26T08-20-00.000Z

$('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() до того, как все слайды будут фактически загружены.