Note that: Microsoft's release of internet Explorer v7 in November 2006
has a built in zoom magnifier so in the long run the zoom magnifier will be of use to fewer and fewer visitors.
So if you have a web site and a basic knowledge of html web pages read on.
Be aware though that not all visitors will have this function.
My rough estimate is that in November 2006, about 2 in 10 of any human visitors will NOT see it.
Like to see the zoom magnify function in action, click the +10% or -10% button in the top left of the page.
For anyone with a web site this is a useful utility to allow most visitors to easily change the text and graphic size in a single click.
To use the magnifier, there are three main limitations:-
It degrades gracefully,
- It only works for the Internet Explorer Browser version 5,6 or 7 must be used.
- If Cookies are blocked, the zoom factor is not remembered and page magnification has to be set for each page viewed.
Opera is an exception as the Opera browser has an option to 'pretend' to be a Microsoft browser.
With Opera if this option is used the buttons will be visible but will not work, full marks to Opera!?
On slow PC's using cookies to remember magnification you may notice a 're-size' effect,
as the text expands after the page loads.
Not a problem on newer PC's but a minor irritation on very large pages viewed by slow PC's.
Script size shouldn't be a problem even on dial-up.
with two lines on each page using the zoom utility.
Text size can be increased with out losing quality, the browser simply redefines the font size.
Unlike mere font size changes,
graphics will blow up larger but gradually lose quality.
Note the buttons 'float' to the top left and right of the screen which may not suit the design of your site!
Start by opening a text editor like notepad.
Click below to see the file :-
Then high light all the text and copy and paste into notepad.
Use File-> Save As zoom.js and save in the same directory where you hold your htm or html pages.
Saving as a text file.
N.B. My file statistics still show some of you save these files directly.
If it works fine but I recommend the cut and paste approach into a blank notepad file,
then use save as 'zoom.js'.
- Add the line of code below to any page you wish to have the zoom function on.
This should be between the <head> & </head> tags, just before the </head> tag is a good place.
Also change the <body> tag to
Or here are three minor variations:-