- YoMaster Codigos HTML, JavaScript, imágenes gif jpg y efectos para crear páginas web, GRATIS

Publicidad - Patrocinador de www.yomaster.com

Otros Servicios

AFILIADOS

Afíliate Clic aquí

AFILIADOS TXT

Guía de la salud

L'EshterJoyeros

<<<Añade tu Web

LINKS AMIGOS

Web Interesantes

ANUNCIADOS

TEMAS NUEVOS

Nuevos temas Futuros proyectos

OTROS

Ampliar Imagen

Con este código se puede ampliar, minimizar y reponer la imagen seleccionada.

Ejemplo

Pon el puntero del ratón encima de las lupas.

Copia y Pega el código dentro de las etiquetas <head> y </head> en vista HTML

<script language="JavaScript1.2"> var zoomfactor=0.05 function zoomhelper(){ if (parseInt(whatcache.style.width)>140&&parseInt(whatcache.style.width)<420){ whatcache.style.width=parseInt(whatcache.style.width)+parseInt(whatcache.style.width)*zoomfactor*prefix whatcache.style.height=parseInt(whatcache.style.height)+parseInt(whatcache.style.height)*zoomfactor*prefix } } function zoom(originalW, originalH, what, state){ if (!document.all&&!document.getElementById) return whatcache=eval("document.images."+what) prefix=(state=="in")? 1 : -1 if (whatcache.style.width==""||state=="restore"){ whatcache.style.width=originalW whatcache.style.height=originalH if (state=="restore") return } else{ zoomhelper() } beginzoom=setInterval("zoomhelper()",100) } function clearzoom(){ if (window.beginzoom) clearInterval(beginzoom) } </script>

Copia y Pega el código como "Pegado especial" como "Tratar como HTML" en la vista Normal

<div align="center"> <center> <table border="0" cellpadding="10" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" id="AutoNumber28"> <tr> <td width="33%"> <font size="1"> <a href="#" onmouseover="zoom(201,300,'myimage','in')" onmouseout="clearzoom()" style="color: #000000; text-decoration: none"> <img src="gif_jpg/lupa3.bmp" border="0" width="17" height="17"></a></font></td> <td width="33%"> <font size="1"> <a href="#" onmouseover="zoom(139,100,'myimage','restore')" style="color: #000000; text-decoration: none"> <img src="gif_jpg/lupa2.bmp" border="0" width="17" height="17"></a></font></td> <td width="34%"> <font size="1"> <a href="#" onmouseover="zoom(201,300,'myimage','out')" onmouseout="clearzoom()" style="color: #000000; text-decoration: none"> <img src="gif_jpg/lupa1.bmp" border="0" width="17" height="17"></a></font></td> </tr> </table> </center> </div> </font> <div align="center"> <center> <table border="0" cellspacing="0" cellpadding="4" style="border-collapse: collapse" bordercolor="#111111" width="144"> <tr> <td width="378" align="center"> <p align="left"> <img name="myimage" src="banner/ban_califica.jpg" align="right" border="0" hspace="2" vspace="2" width="132" height="92"></p> <p><br> </p> <p> </td> </tr> </table> </center> </div>

Recomendamos meterlo dentro de una celda para localizarlo mejor.

¿Como insertar como pegado especial HTML?

Actualizar Ventana "F5"

Arriba con Tecla "Inicio"

Maximiza Ventana "F11"