CoderZone.org

Category: >> JavaScript >> Simple image resize on mouseover Bookmark and Share

<< lastnext >>

Snippet Name: Simple image resize on mouseover

Description: A simple way to "grow" an image when the cursor is placed over it (onmouseover). The image will shrink back down to its normal size when the mouse is moved away (onmouseout).

Also see:
» Opacity Example
» Resize and convert an image to a P...
» Get Mouse Position Coordinates

Comment: (none)

Author:
Language: JAVASCRIPT
Highlight Mode: JAVASCRIPT
Last Modified: January 23rd, 2011

<img src="/myimage.jpg" width="100" height="100" name="image_1"
onmouseover="image_1.width='300';image_1.height='300';"
onmouseout="image_1.width='100';image_1.height='100';" />
 
 
There haven't been any comments added for this snippet yet. You may add one if you like.  Add a comment 
© coderzone.org | users online: 6