2013-09-26 69 views
0

我有一個問題,我想表明響應滑動的圖像, http://responsiveslides.com/負荷jQuery插件和jQuery得到負載

我的代碼

$('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會逐一加載所有圖像(意味着用戶可以看到所有在jquery插件完全加載uli並且所有圖像到達其正常位置後,在垂直方向上顯示一段時間6秒的圖像。

+0

在DOM準備好之前加載腳本本身。只需在'ready'上執行'responsiveSlides()'調用。 – Boaz

回答

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> 

只要讀取它就會執行代碼。

+0

did'nt得到你,你能給我提供一些例子 – user1681166

+0

但是這將結束在所有幻燈片實際加載之前調用'responseSlides()'。 – Boaz

+0

還沒有運氣呢 – user1681166

0

錯誤方式:

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

}) 

正確方法:

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

這將運行一個腳本時,文檔結構已準備就緒。