Question

我想设置四个不同小图像的大小，每个图像都在自己的div中。现在，我可以为div设置动画，但div内的图像不会改变。有没有办法做到这一点？

以下是目前正在使用的示例：http://jsfiddle.net/r69Zv/1/

我目前的javascript：

$(document).ready(function () {
    $("#green_box_container a").click(function() {
          $(this).children().animate({height:105,width:105})
          $(this).siblings().children().animate({height:80,width:80})
    })
});

编辑：似乎只是试图输入$（this）.children（'img'）。animate ...

任何帮助都会很棒！

Answer 1

这样做的方法很多，但一种方法是添加这种CSS样式

div img { width:100%; height:100%; }

fiddle

更新

为了它的价值，我简化了你的HTML。

检查this fiddle ...更简单，更清洁。

Answer 2

啊，有两个选择：

设置图片样式以继承其容器的大小：

a { 位置：相对; }

img { 位置：绝对; 宽度：100％; 身高：100％; }
调整图片大小及其容器：

$（document）.ready（function（）{ $（“＃green_box_container a”）。click（function（）{ $（本）。儿童（）动画（{高度：105，宽：105}） $（这）.find（ 'IMG'）动画（{高度：105，宽：105}）。$（本）.siblings（）的儿童（）动画（{高度：80，宽度：80}） }） }）;

试图设置4个图像的大小，每个图像都在自己的div中？

2 个答案: