图片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

回答