|
Page Details >>>
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:
<script
language="javascript"
type="text/javascript">
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();
}
</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>
<br><br>
<form
name=imageform>
<input
name=url
type=file
size=40>
<br><br>
Height:
<input
name=height
type=text
value="200"
size=3>
Width:
<input
name=width
type=text
value="150"
size=3>
<br><br>
<input
type=button
value="View
Image"
onClick="ViewImage();">
</form>
|
|
