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
Summary: Click on the image and it zooms out and disappears. This script could be a way to handle advertising or other images.
Viewed: 54573 times Rating (16 votes): 
 1.9 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
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.
Creating CSS Buttons
by Thomas D. Greer
With Cascading Style Sheets, you can turn ordinary hyperlinks into fully functional "buttons", without using JavaScript.
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.
DHTML Horizontal Scroller
by Premshree Pillai
Scroll text horizontally when the user hovers over a link.
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!
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.
DHTML Image Zoom Out
by Premshree Pillai
Click on the image and it zooms out and disappears. This script could be a way to handle advertising or other images.
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.








Recent Forum Threads
• Significant Factors
• Perl array access
• Re: huffman encoding and decoding in C++...
• Perl One Liner: Replace {(
• Re: html including php, accessing the functions
• Something like an INI editor or a DelimitedText-Editor
• Error Deleting File or Folder
• Re: How can use ASP.NET RegularExpressionValidator for alphanumeric 10 digit input
• Re: drop-down menu selected value


Recent Articles
ASP GetTempName
Decode and Encode UTF-8
ASP GetFile
ASP FolderExists
ASP FileExists
ASP OpenTextFile
ASP FilesystemObject
ASP CreateFolder
ASP CreateTextFile
Javascript Get Selected Text


© Copyright codetoad.com 2001-2009