html - オフセット画像のマウスオーバー

Question

マウスオーバーとその下の大きな画像の変更に関して、この価格表が機能する方法と同様のことをしようとしています。これが何と呼ばれているのかわかりません。誰かが私を正しい方向に向けることができますか?

http://www.anyjunk.co.uk/rubbish-removal-prices

Answer 1

私には単なる基本的なonmouseoverイベントのように見えます。次のようなものでも同じことができます。

<script type="text/javascript">
    function changeImage(imageFile)
    {
        document.getElementById('img1').src = imageFile;
    }
</script>
<div id="div1" onmouseover="changeImage('image2.jpg')">Mouse over this</div>
<img src="image1.jpg" id="img1" />

例としてjsFiddleを次に示します。