jQueryサイクルプラグインの読み込みの問題

私はjQuery Cycle pluginイメージスライドショーに使用しています。私のHTMLページ私はHTMLページでlistjQueryサイクルプラグインの読み込みの問題

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

のクラス名と番号なしリスト（ul）を作成し、私は、ヘッド部に2つの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タグ（上下に1つ）内にあります。わずか数秒後に、スクリプトは必要に応じてそれらをスライドショーに変換するようです。ページがそれらのイメージを読み込む前に、cycle関数をどのように起動できますか？

出典

2012-02-08 Joel

同じIDのdivでul-liを変更できますか？そして、あなたは、IMGのクラスを変更する必要があります。

<img class="slide" ...

は最後にCSSでこれを追加します。この方法画像と

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

をスクリプトがロードされるまで他人BEHIND 1およびない他下図のだろう。

出典

2012-05-04 00:28:06 fireb86

jQueryサイクルプラグインの読み込みの問題

答えて

関連する問題