After you query the picture, you need to add a function to see the big picture, so you write a method with JS, and then call this method in the OnMouseOver event of image, so that the big picture will be displayed automatically when the mouse is hanging on the small map.
显示大
图片和隐藏大图的js代码:
复制代码代码如下所示:
显示图片
功能(在此,obj,imgbig)
{
尺寸400300 - 4 3 地图显示的最大尺寸
最大= 400;
最大高度= 300;
显示
obj。风格。显示= ;
Imgbig。src= imgid.src;
1,宽度和高度都超过了,看谁比谁多,谁最多最多
设置最多,其余的
策略根据2, 3。
2,如果宽度超过,高度不重叠,宽度最大。
3,如果宽度未超过,高度超过,设置高度是最大值。
如果(IMG。宽度> maxwidthimg。高>最大高度)
{
削=(img maxwidth宽度)-(IMG。高度最大高度);
如果(= = 0)
img maxwidth宽度=;
其他的
IMG高度=最大高度;
}
如果(IMG。宽度> maxwidthimg。高度≤最大高度)
{
img maxwidth宽度=;
}
如果(IMG。widthmaxheight)
{
IMG高度=最大高度;
}
}
隐藏图片
函数输出()
{
document.getelementbyid('divimage)。风格。显示为无;
}
显示小图的图像,并显示大图的图像:
复制代码代码如下所示: