Question

我有一个非常简单的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>

JQUERY

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

感谢所有帮助。

Answer 1

如果您使用的是jquery 1.7 +

，请使用on代替委托

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

并确保您的活动是您的第一个参数

 .on( events [, selector ] [, data ], handler(eventObject) )

简单的JQuery画廊，但淡出淡出不工作

1 个答案: