单个图像加载后显示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>

(请注意,divs最初会被隐藏)

我想的是,一个人之后<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/