圖片CSS更改onClick動畫jquery

我已經使用CSS將圖片設置爲100px的高度和寬度，但我希望在單擊圖片時將高度和寬度更改爲400px，但我也希望它具有動畫效果改變。圖片CSS更改onClick動畫jquery

我已經開始嘗試我這個：

$('img').click(function() { 
    $('img').animate({ 
    height: '400px', 
    width: '400px', 
    }, 5000, function() { 
    }); 
});

編輯：很抱歉的類型，目的是爲了只被動畫選擇的圖像。

ALSO：這裏是鏈接到網站我試圖讓這個工作。點擊我們的作品，然後點擊縮略圖。我希望圖片在點擊時調整大小。 CLICK HERE。

2012-08-22 drummer392

問題是？似乎工作得很好[FIDDLE]（http://jsfiddle.net/MuS8G/）... – adeneo

問題是'height'參數包含兩次，並且'width'參數根本不包含在內。 – Shmiddty

@Shmiddty - 我的壞，雙倍高度的事情是如此明顯我很確定這只是一個錯字，因爲沒有人會首先嚐試讓它自己工作，然後重新鍵入代碼在這裏兩次高度，而不是發現錯誤，但我可能被誤認爲沒有真正的問題或跡象表明什麼是不工作？ – adeneo

使用處理函數內部的this來指定當前圖像，還可以使用數字而不是字符串來爲屬性設置動畫，也可以使用高度兩次而不是witdh和height。

$('img').click(function() { 
    $(this).animate({ 
    height: 400, 
    width: 400, 
    }, 5000, function() { 
    }); 
});

2012-08-22 22:31:17 Musa

你怎麼知道目標不是動畫化所有圖像？ – adeneo

出於某種原因，當我點擊圖像時，該函數甚至沒有被調用。我在我的問題中發佈了一個鏈接。 – drummer392

@ drummer392我找不到代碼，但我看到nivoSlider沒有被加載之前使用 – Musa

$('img').click(function() { 
    $(this).animate({ 
    height: '400px', 
    width: '400px', 
    }, 1000, function() { 
    }); 
});

1）你想用this而不是'img'供內部選擇，否則當你點擊一個圖像，圖像都將被動畫。

2）您包括height兩次。

2012-08-22 22:35:18 Shmiddty

回答