PDA

View Full Version : [DHTML] Expanding Clipped Image



rdutton
10-10-2007, 05:22 AM
I am not sure if something like this already exists, or exactly what it should be called, but it may be useful for some.. Feedback appreciated.

1) CODE TITLE:
Expanding Clipped Image

2) AUTHOR NAME/NOTES:
- Ryan Dutton
- Tested in Firefox2, IE6 and Opera9

3) DESCRIPTION:
The clip style of the image is animated to expose the full image using the onmouseover JavaScript event. The image returns to the original 'clip setting' once the mouse pointer moves off the image.
Full description here : http://www.theredplanet.org/javascript/javascript-expanding-clipped-image

4) URL TO CODE:

Implementation description
http://www.theredplanet.org/examples/javascript_expanding_clipped_image.html

JavaScript Class code
http://www.theredplanet.org/examples/ClippedImage.class.js

djr33
10-10-2007, 05:34 AM
Simple, but very nice. I like it.

It also functions without trouble in Safari 2, so congratulations on that. Not so common.