0

非常に単純な JQuery ギャラリーをセットアップしましたが、大きな画像をフェードインおよびフェードアウトさせることができません。

私は、fadeIn() および fadeOut() 関数を見て、それらを使用しようとしましたが、明らかに正しい場所に追加されていません。

コードは次のとおりです。

HTML

    <div id="gallery">
        <div id="panel">
            <img id="largeImage" src="images/image_01_large.jpg" />
            <div id="description">1st image description</div>
        </div>

        <div id="thumbs">
            <img src="images/image_01_thumb.jpg" alt="1st image description" />
            <img src="images/image_02_thumb.jpg" alt="2nd image description" />
            <img src="images/image_03_thumb.jpg" alt="3rd image description" />
            <img src="images/image_04_thumb.jpg" alt="4th image description" />
            <img src="images/image_05_thumb.jpg" alt="5th image description" />
        </div>
    </div>

Jクエリ

    $('#thumbs').delegate('img','click', function(){
        $('#largeImage').attr('src',$(this).attr('src').replace('thumb','large'));
        $('#description').html($(this).attr('alt'));
    });

すべての助けに感謝します。

4

1 に答える 1

0

onjquery 1.7以降を使用している場合は、デリゲートの代わりに使用してください

 $('#thumbs').on('click','img', function(){
   ....

イベントが最初の引数であることを確認してください

 .on( events [, selector ] [, data ], handler(eventObject) )
于 2013-10-17T11:49:29.243 に答える