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

【问题标题】：swap an image to a small area of a larger image将图像交换到较大图像的小区域
【发布时间】：2011-03-20 18:56:56
【问题描述】：

我有一张显示 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]。

非常感谢

【问题讨论】：

【解决方案1】：

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

请查看：http://jsfiddle.net/DVDhs/。我试着做一些类似的东西，这可能就是你所追求的。

【讨论】：