0

我已使用 CSS 将图像的高度和宽度设置为 100 像素,但我希望在单击图像时将高度和宽度更改为 400 像素,但我也希望它能够为更改设置动画。

我已经开始尝试这个:

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

编辑:对类型感到抱歉,目标是只为选择的图像设置动画。

另外:这是我试图让它工作的网站的链接。单击我们的工作,然后单击缩略图。我希望图像在点击时调整大小。点击这里

4

2 回答 2

3

在处理函数内部使用this来指定当前图像,也可以使用数字而不是字符串来设置动画属性,也可以使用两次高度而不是 witdh 和高度。

$('img').click(function() {
  $(this).animate({
    height: 400,
    width: 400,
  }, 5000, function() {
  });
});
于 2012-08-22T22:31:17.603 回答
0
$('img').click(function() {
  $(this).animate({
    height: '400px',
    width: '400px',
  }, 1000, function() {
  });
});

1)您要使用this而不是'img'您的内部选择器,否则当您单击一张图像时,所有图像都会被动画化。

2)你包括height了两次。

于 2012-08-22T22:35:18.073 回答