[原创]弹出窗口大小随图片自动调节的代码实现 - 外贸网站建设,SOHO英文网页制作,网站设计公司--伊路网络工作室 - 建站知识库 - 网站建设专题

登陆

资料

在线

排行

帖子

文件

查询

收件箱

风格

加入收藏

使用帮助


首页 >> 建站知识库 >> 网站建设专题 >> 『网站维护教程\|网页设计经验交流』 >> [原创]弹出窗口大小随图片自动调节的代码实现


新帖新投票讨论区精华区	上篇刷新平板下篇

帖子主题: [原创]弹出窗口大小随图片自动调节的代码实现

xuefengf

职务：论坛版主
级别：骑士
积分：193
经验：379
文章：183
注册：06-04-21 11:47

发表: 2006-09-16 10:45:40 人气:13860

[原创]弹出窗口大小随图片自动调节的代码实现

应用:如点出产品小图出大图(大图为弹出窗口形式),此种情况下,一般固定弹窗大小,但对图片尺寸要求统一,否则会出余边的影响美观的情况。
见：http://www.gnshoes.com

这时可以通过以下方式解决：

1、图片链接代码写法
<a href="javascript:PopupPic('/****/***.jpg')"><img src="***.jpg"></a>

2、popup.htm代码写法
<HTML>
<HEAD>
<TITLE>Fit the Pic Script</TITLE>
<script language='javascript'>
var arrTemp=self.location.href.split("?");
var picUrl = (arrTemp.length>0)?arrTemp[1]:"";
var NS = (navigator.appName=="Netscape")?true:false;

function FitPic() {
   iWidth = (NS)?window.innerWidth:document.body.clientWidth;
   iHeight = (NS)?window.innerHeight:document.body.clientHeight;
   iWidth = document.images[0].width - iWidth;
   iHeight = document.images[0].height - iHeight;
   window.resizeBy(iWidth, iHeight);
   self.focus();
};
</script>
</HEAD>
<BODY bgcolor="#000000" onload='FitPic();' topmargin="0"
marginheight="0" leftmargin="0" marginwidth="0">
<script language='javascript'>
document.write( "<img src='" + picUrl + "' border=0>" );
</script>
</BODY>
</HTML>

后注：因该代码会被最新的IE升级程序阻挡，仅供参考。

-----------------------------------------------------
伊路网络，做最专业的外贸网站
大量客户成功案例(点击查看)：
http://www.elut.cn/works.html

-----------------------------------------------------

相关帖子

[原创]弹出窗口大小随图片自动调节的代码实现 (xuefengf,13860,2006-09-16 10:45:40)