图像源更改后的jQuery调用函数
我有一个拇指列表和一个大区域,其中有一个大图像。如果我点击每个拇指,大图像的来源会根据点击的拇指而变化 我还有一个调整大区域内图像大小的功能图像源更改后的jQuery调用函数,jquery,image,function,image-resizing,Jquery,Image,Function,Image Resizing,我有一个拇指列表和一个大区域,其中有一个大图像。如果我点击每个拇指,大图像的来源会根据点击的拇指而变化 我还有一个调整大区域内图像大小的功能 $('#thumbImg').click(function(){ var newSrc = $(this).attr('src'); $('#bigArea img').attr('src',newSrc); resizeImage(); }); 我可以进入函数内部,因为我有一个警报,每次单击拇指时都会显示该警报。但
$('#thumbImg').click(function(){
var newSrc = $(this).attr('src');
$('#bigArea img').attr('src',newSrc);
resizeImage();
});
我可以进入函数内部,因为我有一个警报,每次单击拇指时都会显示该警报。但我认为问题在于函数读取前一幅图像的宽度和高度。
有什么方法可以在图像更改后调用该函数吗
谢谢大家将函数绑定为
.load()
处理程序
$('#thumbImg').click(function() {
var newSrc = $(this).attr('src');
$('#bigArea img').one('load', resizeImage).attr('src',newSrc);
});
编辑:更改为使用
.one
,以便在单击/加载后删除处理程序。我想您也可以先将处理程序绑定到#bigArea img
,这样每当加载新映像时,它就会启动。resizeImage在做什么?为什么不传递单击图像的新宽度和高度?