LORD BROWN said:
Was wondering if any one knew of any code, or could point me to a site that
has an example of resizing images using JavaScript (have a site were many of
the image are not the same size and want to create a 'standard' size for
display on a page)? Thanks your help would be much appreciated. JEB
From The JavaScript Source:
Resize any image by clicking the image and dragging it to the desired size.
http://javascript.internet.com/miscellaneous/image-resizer-drag-and-drop.html
<!-- TWO STEPS TO INSTALL IMAGE RESIZER - DRAG AND DROP:
1. Copy the coding into the HEAD of your HTML document
2. Add the last code into the BODY of your HTML document -->
<!-- STEP ONE: Paste this code into the HEAD of your HTML document -->
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!!
http://javascript.internet.com -->
<!-- Begin
function resizeImage(evt,name){
newX=evt.x
newY=evt.y
eval("document."+name+".width=newX")
eval("document."+name+".height=newY")
}
// End -->
</script>
</HEAD>
<!-- STEP TWO: Copy this code into the BODY of your HTML document -->
<BODY>
Click and drag on the image to resize it.
<p>
<img src="
http://javascript.internet.com/img/headerlogo.gif"
width="150" height="58" name="image1"
ondrag="resizeImage(event,'image1')">
<p><center>
<font face="arial, helvetica" size"-2">Free JavaScripts provided<br>
by <a href="
http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
<!-- Script Size: 0.98 KB -->