<img src=../images/top2.jpg alt='plus2net.com tutorial site'
align='right' id=my_image border=2 height=30 width=150>
Using above image, we can create one image object like this.
var x=document.getElementById('my_image');
Using this object we can get these details .
<script language='JavaScript' type='text/JavaScript'>
<!--
var x=document.getElementById('my_image'); // create Image object
document.write('<br>Height:'+x.height);
document.write('<br>Width:'+x.width);
document.write('<br>naturalHeight:'+x.naturalHeight);
document.write('<br>naturalWidth:'+x.naturalWidth);
document.write('<br>Alt text:'+x.alt);
document.write('<br>Border:'+x.border);
document.write('<br>Align:'+x.align);
document.write('<br>offsetTop:'+x.offsetTop);
document.write('<br>offsetLeft:'+x.offsetLeft);
//-->
</script>
| Property | Description |
| Align | Align image left or right |
| Border | managing image border |
| Alt | Alt Message of the image |
| Height | Reading or assigning height to the image |
| Width | Reading or assigning ( updating ) image width |
| naturalWidth | Actual Width of the Image |
| naturalHeight | Actual Height of the Image |
| Position | Positioning image by assigning left and top style |
| offset() | Reading the position of the image from left and top edge of the screen |
Applications and Demo scripts using Image Object in JavaScript
Image SlideShow Script using navigational buttons