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>

上面的代码工作正常，但问题是由于互联网带宽缓慢或可能是一些问题。我的 ul li 一张一张地加载了所有图像（意味着用户能够看到垂直方向显示的所有图像在 jquery 插件完全加载 ul li 后 6 秒，所有图像都回到正常位置）。

4

2 回答 2

0 
$('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>

它将在读取代码后立即执行。

于 2013-09-26T10:57:19.933 回答
0

错误的方法：

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

})

正确方法：

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

当文档结构准备好时，这将运行一个脚本。

于 2013-09-26T11:01:04.360 回答