数码资讯
js编写上传图片和查看大图的方法。
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 OnMous
选购提示
关注价格、性能、续航、售后和真实使用场景,理性比较后再下单。
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)。风格。显示为无;
}
显示小图的图像,并显示大图的图像:
复制代码代码如下所示:
显示大图片和隐藏大图的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)。风格。显示为无;
}
显示小图的图像,并显示大图的图像:
复制代码代码如下所示:
声明:本文内容用于数码产品信息整理与选购参考,具体价格、库存、售后政策以官方渠道和电商页面实时信息为准。