Búsqueda en el Foro:
Buscar


« Ver tema anterior :: Ver siguiente tema »  
Autor Mensaje
Mensaje29-10-2008, 15:38 (UTC)    
Título del mensaje: [Código Javascript] Disminuir, ampliar y ajustar imagen

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

Ejemplo:

http://rifchat.es.tl/ejemplo1.htm



Código:
<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>
<div align="center"><center>
<table id="AutoNumber28" style="border-collapse: collapse" bordercolor="#111111" cellspacing="0" cellpadding="10" border="0">
    <tbody>
        <tr>
            <td width="33%"><font size="1"><a style="color: #000000; text-decoration: none" onmouseout="clearzoom()" onmouseover="zoom(201,300,'myimage','in')" href="#"><img class="" height="17" width="17" border="0" alt="" src="http://img.webme.com/pic/r/rifchat/lupa3.bmp" /></a></font></td>
            <td width="33%"><font size="1"><a style="color: #000000; text-decoration: none" onmouseover="zoom(139,100,'myimage','restore')" href="#"><img class="" height="17" width="17" border="0" alt="" src="http://img.webme.com/pic/r/rifchat/lupa2.bmp" /></a></font></td>
            <td width="34%"><font size="1"><a style="color: #000000; text-decoration: none" onmouseout="clearzoom()" onmouseover="zoom(201,300,'myimage','out')" href="#"><img class="" height="17" width="17" border="0" alt="" src="http://img.webme.com/pic/r/rifchat/lupa1.bmp" /></a></font></td>
        </tr>
    </tbody>
</table>
</center></div>
<div align="center"><center>
<table style="border-collapse: collapse" bordercolor="#111111" cellspacing="0" cellpadding="4" width="144" border="0">
    <tbody>
        <tr>
            <td align="center" width="378">
            <p align="left"><img class="" height="92" hspace="2" width="132" align="right" vspace="2" border="0" name="myimage" alt="" src="http://farm3.static.flickr.com/2153/2290072176_0ba52fd81f.jpg" /></p>
            <p>&nbsp;</p>
            <p>&nbsp;</p>
            </td>
        </tr>
    </tbody>
</table>
</center></div>


Ultima edición por rifchat el Vie Nov 14, 2008 10:47 pm; editado 1 vez
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group