-1

私は次のJSコードを持っています： 

$(document).ready(function(){
 for(var i=1; i <= 6; ++i){
    $('.etalage'+(i===1 ? '':i)).etalage({
        show_hint: false,
        thumb_image_width: 464,
        thumb_image_height: 464,
        source_image_width: 1000,
        source_image_height: 1000,
        zoom_element: '#custom_zoom_element'+(i===1 ? '':i),
        //source_image_height: 480,
        //source_image_width: 480,
        zoom_area_width: 400,
        zoom_area_height: 400
    });
 }
});

サムネイルにカーソルを合わせると、大きな別の画像にズームインします。最初の5つの画像には最適ですが、その後はどちらの画像も表示されません。これは、HTMLの6つの本質的に同一のグループの1つです。

<div>
<ul class="etalage">    
        <li>
            <img class="etalage_thumb_image" src="codecanyon/demo_files/images/image2_thumb.jpg">
            <img class="etalage_source_image" src="codecanyon/demo_files/images/image2_large.jpg">
        </li>  
</ul>


<ul class="etalage2">   
        <li>
            <img class="etalage_thumb_image" src="codecanyon/demo_files/images/image4_thumb.jpg">
            <img class="etalage_source_image" src="codecanyon/demo_files/images/image4_large.jpg">
        </li>  
</ul>

もう1つの興味深い点は、6、7などのページで、リストスタイルタイプの箇条書きが各ページに表示されることです。私が犯している間違いについてのアイデア。再度、感謝します。

4

2 に答える 2

1

これをコードで設定して、6ループ後に停止します。

  for(var i=1; i <= 6; ++i){

たぶん、varに設定i <= 6し、このvarに.etalageの数をカウントさせる必要があります。

編集

かもね：

var numberOfetalage = $('.etalage li').length

 for(var i=1; i <= numberOfetalage ; ++i){
于 2012-07-24T16:00:10.767 に答える
0

あなたの問題はあなたのforループにあります。次の行を変更します。

for (var i=1; i <= 6; ++i)

6（i <= 6;）をリスト要素の数に変更します。

たとえば、8つの要素が必要なため、コードは次のようになります。

for (var i=1; i <= 8; i++)
于 2012-07-24T16:02:44.137 に答える