Zoom en página (Solo IE)

duchamp · #1 (**permalink**) 04/04/2003, 15:21

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&aacute;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">
      &nbsp; 
      <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">&nbsp;</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 ...

linkses · #2 (**permalink**) 07/04/2003, 12:17

Interesante voy a probarlo, y voy a dejar un articulo que te dice como hacer zoom en tus imagenes:

http://www.lacompu.com/desarrollo/no...ing/index.php3

Saludos a todos

_pitufo · #3 (**permalink**) 31/01/2009, 07:59

perdon por mi ignorancia, pero ¿qué parte del html hace esto, lo de <span>?

JavierB · #4 (**permalink**) 31/01/2009, 08:18

El mensaje original es de hace ¡más de 5 años!. Por favor, no reviváis temas tan antiguos.

Saludos,