Javascript 将图像交换到较大图像的较小区域

Javascript 将图像交换到较大图像的较小区域,javascript,image-manipulation,mouseover,Javascript,Image Manipulation,Mouseover,我有一张1958年42位同学的照片。我想映射每个小脸,并在鼠标滚动时将其替换为当前肖像。swapimage代码工作正常,但新的肖像是原始完整图像的大小 <area shape="rect" coords="72,260,143,346" href="#" onMouseOver="MM_swapImage('Image1','','../LoisS.jpg',1)" alt="" onMouseOut="MM_swapImgRestore()"> 我怎样才能使小图像保持小并且只

我有一张1958年42位同学的照片。我想映射每个小脸,并在鼠标滚动时将其替换为当前肖像。swapimage代码工作正常,但新的肖像是原始完整图像的大小

<area shape="rect" coords="72,260,143,346" href="#" onMouseOver="MM_swapImage('Image1','','../LoisS.jpg',1)" alt="" onMouseOut="MM_swapImgRestore()">

我怎样才能使小图像保持小并且只覆盖原始人脸,而将原始大图像留在后面?我可以修改上面的代码吗?[我不擅长编写自己的js或css]


非常感谢

您可以看看jQuery。这使得显示更大版本的图像变得相当容易


请看一看:。我试着做一些类似的东西,这可能是你想要的。

谢谢,我会试试这些。