Script Categories













Page Details >>> Image Manipulator.

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.




Height: Width:

Add the below code to the <body> section of your page:

<script language="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>

<
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>

JavaScript Editor Get Advanced
JavaScript and Ajax Editor,
Validator and Debugger!

1st JavaScript Editor.



Code was highlighted by 1st JavaScript Editor (The Best JavaScript Editor!).




©