|
马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有帐号?立即注册
x
asp可以轻松地实现对页面内容的动态控制,根据不同的浏览者,显示不同的页面内容。而浏览者一点觉察不出来,就像为他专门制作的页面一样。使用各种各样的组件,asp可以完成无比强大的功能。显现|页面人人晓得,丰厚多彩的Web页面离不开图片的撑持,图象一方面增添了网页的活泼性,另外一方面增添了网页范围,使下载速率减慢。怎样让一图片能以得当巨细在页面上显现,成了我一时解不开的谜。
前不久,我为单元开辟了一个教授教养科研网站,接纳旧事办理体系,首页上旧事栏目中,必要从数据库中挪用图片文件作为图片旧事中的图片,从而构成笔墨绕排情势。因为全部体系包含旧事上传、旧事编纂、体系通告等都是静态完成的。在开辟的过程当中,我思索到以下几个要素:(1)作为网站的保护者,对盘算机的操纵不太纯熟;(2)网站考究结构公道,内容充分。以是,出于计划的必要,网站页面中,图片旧事对图片的宽度、高度有必定的请求,本网站宽度不克不及凌驾200px,只管我分明,我们可使用Photoshop等图象处置软件,能够事前把图片处置好后,再上传到服务器中往,到达首页挪用一样的效果,但作为用户,最但愿的是操纵越复杂越好,因而我决计攻破这个成绩。经由几天苦战,我不休寻觅办理成绩的路子、不休测试直到乐成。至此,我把本人的一些履历,写出来供宽大处置剧本编写者参考,以此共勉。
要让图片能以得当巨细显现的成绩,本色是一个年夜图片等比例减少的成绩。固然,小图片是不克不及缩小在网页中显现的,不然将呈现图像掉真征象。怎样经由过程图像的URL取得图像的巨细(width,height)是成绩的关头,我便到网上往搜刮可否用javascript编写图像等比例缩放,工夫不负故意人,终究找到《自顺应图片巨细的弹出窗口》一文,页面效果为,单击文本超链接后,页面弹出一个新窗口,显现图片,个中窗体巨细与图片巨细相称,文章顶用javascript:Image()工具静态装载图片,猎取图片的高度和宽度,再依据源图片的高度、宽度设置弹出窗口的高度与宽度设置弹出窗口的高度与宽度,并翻开该窗口,次要代码以下:
测试一:
<html>
<head>
<metahttp-equiv=Content-Typecontent=text/html;charset=gb2312>
<metaname=GENERATORcontent=MicrosoftFrontPage4.0>
<metaname=ProgIdcontent=FrontPage.Editor.Document>
<title>test</title>
</head>
<body>
<scriptlanguage=javascripttype=text/javascript>
<!--
varimgObj;
functioncheckImg(theURL,winName){
//工具是不是已创立
if(typeof(imgObj)==object){
//是不是已获得了图象的高度和宽度
if((imgObj.width!=0)&&(imgObj.height!=0))
//依据获得的图象高度和宽度设置弹出窗口的高度与宽度,并翻开该窗口
//个中的增量20和30是设置的窗口边框与图片间的距离量
OpenFullSizeWindow(theURL,winName,,width=+(imgObj.width+20)+,height=+(imgObj.height+30));
else
//由于经由过程Image工具静态装载图片,不成能当即失掉图片的宽度和高度,以是每隔100毫秒反复挪用反省
setTimeout(checkImg(+theURL+,+winName+),100)
}
}
functionOpenFullSizeWindow(theURL,winName,features){
varaNewWin,sBaseCmd;
//弹出窗口表面参数
sBaseCmd=toolbar=no,location=no,status=no,menubar=no,scrollbars=no,resizable=no,;
//挪用是不是来自checkImg
if(features==null||features==){
//创立图象工具
imgObj=newImage();
//设置图象源
imgObj.src=theURL;
//入手下手猎取图象巨细
checkImg(theURL,winName)
}
else{
//翻开窗口
aNewWin=window.open(theURL,winName,sBaseCmd+features);
//聚焦窗口
aNewWin.focus();
}
}
//-->
</script>
<ahref=http://www.webjx.com/htmldata/2005-11-19/Bt0085.jpgonClick=OpenFullSizeWindow(this.href,,);returnfalse>图片测试</a>
</body>
</html>
有了Image()工具来猎取图像的Width、Height,我就晓得该怎样往办理如何完成图像的等比例缩放成绩了。因而,我用k=Width/Height暗示图像的比例值,当K>=1时,暗示width>heght,只需width不凌驾200px,则height必定<=200px;相反K<1,只需Height不凌驾150Px,width必定<=150px(一般情形下width/height=4:3)。以是只需K>=1限制width,K<1限制height就能够了。在测试一的匡助下,我很快有了上面的一段代码(测试二):
测试二
<scriptlanguage=javascripttype=text/javascript>
<!--
varimgObj;
functioncheckImg(theURL){
varwidth,height;
vark;
imgObj=newImage();
imgObj.src=theURL;
if(typeof(imgObj)==object){
if((imgObj.width!=0)&&(imgObj.height!=0))
{width=imgObj.width;
height=imgObj.height;
k=width/height;
document.write(k);
if(k>=1){
if(width>=200){
width=200;
height=width/k;
}}
else
{if(height>=200){
height=200;
width=k*height;
}
}
showimg(theURL,width,height);
}
else
setTimeout(checkImg(+theURL+),100)
}
}
functionshowimg(theURL,x,y)
{
document.write(元素能够界说其显现局限,即图的高度Height和宽度(Width)。处置事务触发时,静态地改动图的两个属性便可到达效果;”依据提醒,我很快完成了测试三的代码,次要代码以下:
测试三
<script>
functionshow()
{varw,h;
vark;
varcon;
w=smallslot.width;
h=smallslot.height;
k=w/h;
if(k>=1){
if(w>=200){
w=200;
h=w/k;
}}
else
{if(h>=150){
h=150;
w=k*h;
}
}
returnw;
}
</script>
<scriptlanguge=javascript>
varx=show();
//document.write(x);
</script>
在这段代码中,我思索到利用200)this.width=200;align=left>,测试可以经由过程,但假如图像width<height,而且width>200px,则页面显现效果为高度凌驾150,如许假如没有K=width/height的束缚,页面效果是分歧理的,因而不克不及接纳。
我有些黔驴之技的感到,找不出更好的举措办理这个成绩,垂垂地得到了信念,为这个成绩我已两个早晨没睡着觉了,我筹办最初一搏了。我细心剖析了我的测试三,我发明次要缘故原由是onload事务是页面载进时触发的事务。Onload在thisisatest!
再次测试,经由过程了!并且首页挪用乐成!我乐成了!Access是一种桌面数据库,只适合数据量少的应用,在处理少量数据和单机访问的数据库时是很好的,效率也很高。但是它的同时访问客户端不能多于4个。access数据库有一定的极限,如果数据达到100M左右,很容易造成服务器iis假死,或者消耗掉服务器的内存导致服务器崩溃。 |
|