Displays an online image or local image from your computer under various width and height manipulations that you enter. Useful for determining the best size for an image on your site without all the work.
Type the web address (starting with http://) of the
image you would like to view, or browse your computer
for an image by clicking the Browse... button.
Add the below code to the <body> section of your page:
<scriptlanguage="javascript"type="text/javascript"> /* Visit http://www.yaldex.com/
for full source code
and get more free JavaScript, CSS and DHTML scripts! */
<!-- Begin function
ViewImage(){
ix =document.imageform.width.value; iy =document.imageform.height.value; ifile =document.imageform.url.value; NS =(!document.all)?1:0; localurl =
ifile.indexOf('http://')==-1; if(NS
&&
localurl)
ifile ="file:///"+
ifile; var
win; var
sWidth; var
sHeight; win =window.open("","","width="+ix+",height="+iy+",menubar=no,toolbar=no,top=100,left=100"); if(NS){ sWidth =
win.innerWidth; sHeight =
win.innerHeight;
}else{ sWidth =
win.document.body.clientWidth; sHeight =
win.document.body.clientHeight;
} win.document.open(); win.document.write("<html><head></head><body
onBlur=this.close();>"); win.document.write('<div
style="position:absolute;width:'+ix+'px;height:'+iy+'px;left:0px;top:0px">'); win.document.write("<img
src="+ifile+"
width="+
ix +" height="+
iy +"></div></body></html>"); win.document.close();
} // End --> </script> <pre> Type the web address (starting with
http://) of the
image you would like to view, or browse your computer
for an image by clicking the <b>Browse...</b>
button.</b>
</pre>