Bueno, no es una novedad ni lo he desarrollado yo, pero creo que es un efecto interesante que a alguien puede serle útil.
Lo que hace el script es ampliar o reducir la página entera, incluídas las imágenes y la scrollbar!
Código:
<html>
<head>
<title>Zoom in/out en página</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
.news {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #666666;
}
.date {
COLOR: #990066;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
}
a:link {
text-decoration: none;
color: #000000;
}
a:visited {
color: #333333;
text-decoration: none;
}
a:hover {
color: #CC9900;
text-decoration: none;
}
a:active {
color: #CC9900;
text-decoration: none;
}
-->
</style>
</head>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<span id="content">
<table width="400" border="0" cellpadding="8" cellspacing="0" id="content">
<tr>
<td width="300" rowspan="2" class="news"><span class="date">Lorem ipsum dolor
sit amet, consectetuer</span> adipiscing elit, sed diam nonummy nibh euismod
tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad
minim veniam, quis nostrud exercitation ulliam corper suscipit lobortis
nisl ut aliquip ex ea commodo consequat. Duis autem veleum iriure dolor
in hendrerit in vulputate velit esse molestie consequat, vel willum lunombro
dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio
dignissim qui blandit praesent luptatum zzril delenit augue duis dolore
te feugait nulla facilisi.
</td>
<td width="100" align="center" valign="top">
<input name="aumentar" type="image" onclick="if(window.parent.document.body.style.zoom!=0) window.parent.document.body.style.zoom*=1.2; else window.parent.document.body.style.zoom=1.2;" value="Zoom-IN" src="magnify.gif" alt="Ampliar" align="bottom" width="22" height="16">
<input name="reducir" type="image" onclick="if(window.parent.document.body.style.zoom!=0) window.parent.document.body.style.zoom*=0.8; else window.parent.document.body.style.zoom=0.8;" value="Zoom-Out" src="demagnify.gif" alt="Reducir" align="bottom" width="22" height="16">
</td>
</tr>
<tr>
<td class="texto01"> </td>
</tr>
</table>
</span>
</body>
</html>
Si bien es diferente al script del tema
"Zoom en texos - Javascript + CSS" ,quizás alguien podrá modificarlo para que solo actúe sobre el texto y no sobre todo el body ...