图片缩小放大脚本

论坛 期权论坛 脚本     
匿名技术用户   2021-1-6 08:56   61   0

<html>
<head>
<title>中国室内设计师网-查看图片</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<link href='/Skin/DefaultSkin.css' rel='stylesheet' type='text/css'>
<script language=JavaScript>
function smallit(){
var height1=PhotoViewer.images1.height;
var width1=PhotoViewer.images1.width;
PhotoViewer.images1.height=height1/1.2;
PhotoViewer.images1.width=width1/1.2;
}

function bigit(){
var height1=PhotoViewer.images1.height;
var width1=PhotoViewer.images1.width;
PhotoViewer.images1.height=height1*1.2;
PhotoViewer.images1.width=width1*1.2;
}
function fullit()
{
var width_s=screen.width-10;
var height_s=screen.height-30;
window.open("Photo_View.asp?UrlID=1&PhotoID=26", "PhotoView", "width="+width_s+",height="+height_s+",left=0,top=0,location=no,toolbar=no,status=no,resizable=no,scrollbars=yes,menubar=no,directories=no");
}
function realsize()
{
PhotoViewer.images1.height=PhotoViewer.images2.height;
PhotoViewer.images1.width=PhotoViewer.images2.width;
PhotoViewer.block1.style.left = 0;
PhotoViewer.block1.style.top = 0;

}
function featsize()
{
var width1=PhotoViewer.images2.width;
var height1=PhotoViewer.images2.height;
var width2=760;
var height2=500;
var h=height1/height2;
var w=width1/width2;
if(height1<height2&&width1<width2)
{
PhotoViewer.images1.height=height1;
PhotoViewer.images1.width=width1;
}
else
{
if(h>w)
{
PhotoViewer.images1.height=height2;
PhotoViewer.images1.width=width1*height2/height1;
}
else
{
PhotoViewer.images1.width=width2;
PhotoViewer.images1.height=height1*width2/width1;
}
}
PhotoViewer.block1.style.left = 0;
PhotoViewer.block1.style.top = 0;
}
</script>

<tr>
<td height="30" align="center" valign="middle" Class="left_tdbgall">
<input name="smallit" type="button" id="smallit" οnclick="smallit();" value="- 缩小 -">&nbsp;&nbsp;
<input name="bigit" type="button" id="bigit" οnclick="bigit();" value="+ 放大 +" >&nbsp;&nbsp;
<input name="fullit" type="button" id="fullit" onClick="fullit();" value="全屏显示">&nbsp;&nbsp;
<input name="realsize" type="button" id="realsize" onClick="realsize();" value="实际大小">&nbsp;&nbsp;
<input name="featsize" type="button" id="featsize" onClick="featsize();" value="最合适大小">&nbsp;&nbsp;
<span class="tdbg_leftall">
<input name='Prev' type='button' id='Prev' value='上一张' onClick="javascript:window.open('Photo_Viewer.asp?PhotoID=24', '_self');">
&nbsp;
<input name='Next' type='button' id='Next' value='下一张' onClick="javascript:window.open('Photo_Viewer.asp?PhotoID=30', '_self');">
</span>
</td>
</tr>
<tr>
<td height="500" align="center" valign="middle" Class="left_tdbgall">
<iframe id='PhotoViewer' width='99%' height='500' scrolling='no' src='Photo_View.asp?UrlID=1&PhotoID=26'></iframe>
</td>
</tr>

分享到 :
0 人收藏
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

积分:7942463
帖子:1588486
精华:0
期权论坛 期权论坛
发布
内容

下载期权论坛手机APP