我需要一张大图像,每边有3张图像。当光标越过较小的图像时,较大的图像被较小的图像替换为较大的版本,下面的图像的文本描述,但我不知道如何做这样的多个事件。我是Javascript的新手,非常感谢任何帮助。
这是头部分中的脚本:
function changeImage(img_src,txt) {
//change image code
document.getElementById("preview").src = img;
//change text code
document.getElementById("description").innerHTML = txt;
}
其中一张较小图片的代码:
<img width="180" height="134" src="africa.jpg" onmouseover='changeImage("africa.jpg","Exotic Wooden Animals")' />
更大图片的代码:
<div id="description">
<img src="Untitled-1.gif" id="preview" width="500" height="441">
</div>