2012-04-13 22 views
0

我有一个拇指列表和一个大图像的大区域。如果我点击每个拇指,大图像的来源根据点击的拇指而改变。图像源更改后的jQuery调用函数

我也为调整是大面积

$('#thumbImg').click(function(){ 
    var newSrc = $(this).attr('src');    
    $('#bigArea img').attr('src',newSrc); 
    resizeImage(); 
}); 

我可以在里面funcion得到,因为我有一个警报内的图像的功能,它是我每次点击一个拇指显示。但我认为这个问题是因为该函数读取前一图像的宽度和高度。 有没有什么办法可以在图像改变之后调用函数?

感谢所有

+0

resizeImage在做什么?为什么不传递新的宽度和点击图像的高度? – 2012-04-13 18:31:34

回答

2

绑定功能作为​​处理程序。

$('#thumbImg').click(function() { 

    var newSrc = $(this).attr('src'); 

    $('#bigArea img').one('load', resizeImage).attr('src',newSrc); 

}); 

编辑:改为使用.one,以便处理程序点击/负载后取出。我想你也可以最初将处理程序绑定到#bigArea img,所以无论何时加载新图像都会触发。