jQuery Cycle插件加載問題

我使用jQuery Cycle plugin進行圖像幻燈片放映。在我的HTML頁面創建一個無序列表（ul）與listjQuery Cycle插件加載問題

<ul class="slide"> 
<li> 
    <img src="some_photo.png" /> 
<li> 
<li> 
    <img src="another_photo.png" /> 
<li> 
<ul>

在我的HTML頁面類的名字，我的頭一節裝載兩個JavaScript的：指數

<head> 
... 
<script type="text/javascript" src="/common/js/jquery.cycle.all.js"></script> 
<script type="text/javascript" src="/common/js/index.js"></script> 

... 
</head>

內容.js文件：

... 
$(function() { 
    $('.slide').cycle({    
     fx:'fade', 
     speed: 500, 
     timeout: 3000, 
     pager: '.list', 
     activePagerClass: 'active', 
     pagerAnchorBuilder:function(index, DOMelement){ 
      return '<li><a href="#"></a></li>'; 
     } 
    }); 
...

，我遇到的問題是，當我打開網頁，我首先看到的佈局，就好像它們圖像位於標籤ul中（一個在另一個之上）。僅僅幾秒鐘之後，腳本似乎就會根據需要將它們轉換爲幻燈片。如何在頁面加載這些圖像之前啓動cycle函數？

來源

2012-02-08 Joel

你可以用同一個id的div更改ul-li嗎？然後，你必須修改IMG類：

<img class="slide" ...

最後在CSS補充一點：

.slide { 
    position: absolute; 
    top: 0; 
    left: 0; 
}

使用這種方法的圖像將是一個在別人後面，而不是一個下面的人，直到腳本加載。

來源

2012-05-04 00:28:06 fireb86

jQuery Cycle插件加載問題

回答

相關問題