大背景图像交换

Question

我正在尝试为我的网站创建一个介绍页面，其中包含一个填充屏幕的大背景图像，但是当您翻转图像的某个部分时，图像会更改而不会闪烁。 我希望这能用于firefox，chrome，safari和opera。

我一直在阅读关于图像地图图像翻转的内容，但在谈论将重新调整大小的图像（因为它是一个大背景图像）时，这会让人感到困惑。

有人能指出我之前做过这件事的人或做过这样的事情的任何指示吗？

Answer 1

为您的img标记添加ID。

创建一个空白div（或跨度），并将高度，宽度和位置设置为所需图片的区域。然后，您可以使用：

onmouseover="[function]"

你的HTML中的

。然后，创建一个看起来像这样的javascript函数：

document.getElementById('[imgid]').src = '[path to img]';