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

时间:2011-03-20 18:56:56

标签: 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()">

如何让小图像保持较小并仅覆盖原始面部,将原始大图像留在其后面?我可以以某种方式修改上面的代码吗? [我不擅长写自己的js或css]。

非常感谢

1 个答案:

答案 0 :(得分:0)

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

请查看:http://jsfiddle.net/DVDhs/。我试图做出类似的东西,这可能就是你想要的东西。