Uncle Jim's Javascript Designs


The newer browser versions allow you to enlarge or shrink an object in your page by the zoom property. You just need to set the property as follows:

object.style.zoom = magnification;

where magnification can be one of the following:
normal Default. Normal size. No zoom in or zoom out.
scale Floating point number that specifies the factor to apply. 1.0 is normal.
percentage Floating point number followed by a percent sign. 100% is normal.

You can apply this property to any object. For example, we made the paragraph you are reading now larger by a factor of 1.27. You need to identifiy the paragraph by an ID attribute, and then assign its zoom property within a JavaScript. The paragraph looks like this:

You can apply magnification properties like this,

while normal properties look like this.

You can apply magnification properties like this: