jquery - 在单个图像加载后显示 div

Question

假设我有这样一组图像:

<div class="image"><img src="image1.jpg" alt="" />image1</div>
<div class="image"><img src="image2.jpg" alt="" />image2</div>
<div class="image"><img src="image3.jpg" alt="" />image3</div>

(注意 div 最初是隐藏的)

我要的是，一个人之后<image>已加载，.show(); div.image围绕着它。

我认为这很容易做到，但我在整个互联网上进行了搜索，到目前为止，他们一直在加载所有图像而不是单个图像后做一些事情。

这甚至可以做到吗？

编辑:它后来被更改，以便图像周围也有链接工作示例:http://jsfiddle.net/peeter/qwtWZ/6/

Answer 1

<div class="image"><img src="http://acupuncture.celeboutfit.com/images/img/IMG_5400m-1.jpg" alt="" />image1</div>
<div class="image"><img src="image2.jpg" alt="" />image2</div>
<div class="image"><img src="image3.jpg" alt="" />image3</div>
<script type="text/javascript">
$(document).ready(function(){
    $("div.image").hide();
    $("div.image").find("img").load(function(){
        $(this).closest("div.image").show(500);
    });
});
</script>

工作示例:http://jsfiddle.net/peeter/qwtWZ/6/