codetoad.com
  ASP Shopping CartForum & BBS
  - all for $20 from CodeToad Plus!
  
  Home || ASP | ASP.Net | C++/C# | DHTML | HTML | Java | Javascript | Perl | VB | XML || CodeToad Plus! || Forums || RAM 
Search Site:



Home » DHTML » Article

DHTML Image Zoom Out

Article by: Premshree Pillai (8/28/2002)
Bookmark us now! Add to Favourites
Email a friend!Tell a friend
Sponsored by: FindMyHosting - Web Hosting Search
Summary: Click on the image and it zooms out and disappears. This script could be a way to handle advertising or other images.
Viewed: 19669 times Rating (7 votes): 
 2.6 out of 5
 Rate this Article  Read Comments  Post Comments

DHTML Image Zoom Out



View Live Demo

In this Script when you move you click on the following image, the image size will decrease gradually (i.e the image will zoom out) and will finally disappear.
The script is very easy to customise. Here the event that calls the function is onclick. You can change it to onmouseover, onmouseout or onmousedown.

Select All Code







CodeToad Experts

Can't find the answer?
Our Site experts are answering questions for free in the CodeToad forums
Rate this article:     Poor Excellent
View highlighted Comments
User Comments on 'DHTML Image Zoom Out'
Posted by :  Archive Import () at 12:10 on Thursday, October 31, 2002
Posted by :  Archive Import (Saul) at 01:54 on Saturday, November 16, 2002
A few years back I connected to AOL 5.0 and at that time whever I wanted to enlarge a photo, picture or an art work image, I would right click once on the mouse and when an options box popped-up I would then click on a Zoom button and enlarge what I wanted. Once done with it I would click on the Zoom Out button and bring the image back to normal size. Since then I've upgraded to AOL O.6, O.7 and most recently to 8.0 but have never gotten on any of them the benefit of the Zoom - Zoom Out buttons I had in AOL 5.0. Is there any way I may get their use again? Thank you.

saul2k


To post comments you need to become a member. If you are already a member, please log in .

 



RELATED ARTICLES
Creating CSS Buttons
by Thomas D. Greer
With Cascading Style Sheets, you can turn ordinary hyperlinks into fully functional "buttons", without using JavaScript.
DHTML Horizontal Scroller
by Premshree Pillai
Scroll text horizontally when the user hovers over a link.
DHTML Javascript Ticker
by Premshree Pillai
This is a JavaScript Ticker which ticks a number of messages like the one shown above. It also has a useful 'Show All' feature.
Manipulate Scrollbar Colors Using CSS and JavaScript
by Mike Thompson
The thing about the default color of scrollbars is that it's dull and ugly -- usually this color is gray. Wouldn't it be nice to change this color to better fit the overall theme of your site? Luckily, Cascading Style Sheets and JavaScript can be used to do just that!
Simple Thumbnail Browsing Solution
by Troy Wolf
This simple script allows the user to select from several thumbnail images and view the larger image, using a mixture of DHTML and Cascading style sheets.
DHTML News Bar
by Premshree Pillai
This is the News Bar script which displays a number of messages and rotates them using DHTML.
DHTML Scrolling Image
by Premshree Pillai
Using this script the user can scroll an image left or right by clicking a buttong
DHTML Zoom In and Out Script
by Premshree Pillai
Using zoOom, you can zoom in and zoom out any image that is specified in the code.
Simple Mouse Trail using VB Script
by Jeff Anderson
With IE gaining in prominence every day, it's becoming acceptable to use VBScript in web pages. That makes some activities like the mouse trail a real cinch.
Mouse Trail with Text
by Jeff Anderson
A Classic Mouse Trail Script, with configurable text, rather than images. We chose `I love you` for our text - what will you chose?








Recent Forum Threads
• Re: sorting and Linked list
• Re: need help linked list
• Re: Help with arrays
• Re: Reading from a file
• Re: Why Use Method?
• Re: Help with a simple program
• Re: need help with quiz
• Re: Help with filesystem object & displaying in a table
• Re: Genetic Algorithm Help


Recent Articles
Multiple submit buttons with form validation
Understanding Hibernate ORM for Java/J2EE
HTTP screen-scraping and caching
a javascript calculator
A simple way to JTable
Java Native Interface (JNI)
Parsing Dynamic Layouts
MagicGrid
Caching With ASP.Net
Creating CSS Buttons


Site Survey
Help us serve you better. Take a five minute survey. Click here!

© Copyright codetoad.com 2001-2005