javascript - 大背景图像交换

Question

我正在尝试为我的网站创建一个介绍页面，该页面由一个充满屏幕的大背景图像组成，但是当您滚动图像的某个部分时，图像会发生变化而不会闪烁。我希望它适用于 firefox、chrome、safari 和 opera。

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

任何人都可以指出我之前做过这件事的人或任何关于做类似事情的指示吗？

Answer 1

将 id 添加到您的 img 标签。

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

onmouseover="[function]"

在你的 html 中。然后，制作一个如下所示的 javascript 函数：

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