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>

查询

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

感谢所有帮助。

4

1 回答 1

0

on如果您使用的是 jquery 1.7+,请使用而不是委托

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

并确保您的活动是您的第一个论点

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