Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/83.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
图像源更改后的jQuery调用函数_Jquery_Image_Function_Image Resizing - Fatal编程技术网

图像源更改后的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在做什么?为什么不传递单击图像的新宽度和高度?