簡單的jQuery畫廊，但淡入淡出不工作

我有一個非常簡單的JQuery畫廊設置，但我無法讓大圖像淡入淡出。簡單的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')); 
    });

所有幫助表示讚賞。

來源

2013-10-17 Johnny

使用on，而不是代表，如果你的使用jQuery的1.7+

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

，並確保您的活動是你的第一個參數

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

來源

2013-10-17 11:49:29 bipen

簡單的jQuery畫廊，但淡入淡出不工作

回答

相關問題