Ah, sí,
Shiryu_Libra, que nos gusta jugar con JS es seguro.
Hasta hace pocos años había al menos un tema de éstos por quincena. Espero que realmente sea un verdadero ejemplo motivacional y que volvamos a verlos. Gracias de nuevo por tu apoyo.
Aquí está el
flipH() para
Firefox. ( Todavía tengo la duda sobre si funciona en otros. )
Código HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<html>
<head>
<title>REFLEJO.</title>
<script type="text/javascript">
function voltear1(){
var contRefl = "";
var objOrig = document.getElementById( "der" );
var alto = parseInt(objOrig.offsetHeight);
var ancho = parseInt(objOrig.offsetWidth);
var capas = ancho;
var imagen = new Image();
var ruta = imagen.src = "http://www.forosdelweb.com/images/vbulletin3_logo_fdw.gif ";
if((navigator.appVersion.indexOf("MSIE")!=-1) && (navigator.appVersion.indexOf("Opera")==-1)){
contRefl = "<img src='"+ ruta +"' style='filter: flipH();'> ";
}
else{
for(c=0; c<capas; c++){
contRefl += "<div style='position:absolute; left:"+c+"px; width:1px; border-collapse:collapse'><div unselectable='on' style='margin-left:"+((ancho*-1)+1+c)+"px;'><img src='"+ ruta +"'></div></div>";
}
}
document.getElementById("izq").style.height = alto +"px";
document.getElementById("izq").style.width = ancho +"px";
document.getElementById("izq").innerHTML = contRefl;
}
onload = voltear1;
onresize = voltear1;
</script>
<style type="text/css">
body {color:#ffffff; background-color:#000000; }
#der , #izq {position:relative; background-color:#ffffff; margin-bottom:20px;}
#izq div {-moz-user-select:none; cursor:not-allowed; overflow:hidden; border-collapse:collapse;}
</style>
</head>
<body>
<h2>Reflejo horizontal de imagen. (IE, FF)</h2>
<table><tbody>
<tr><td><div id="der"><img src = "http://www.forosdelweb.com/images/vbulletin3_logo_fdw.gif "> </div></td><td><div id="izq"><img src = "http://www.forosdelweb.com/images/vbulletin3_logo_fdw.gif "> </td></div></tr>
</tbody></table>
<b>En <u>Internet Explorer</u> usa filtro y en otros usa capas.</b>
</body>
</html> Probé
HTML,
derkenuke . Sí colorea. Me parece que yo también voy a empezar a usarlo.
Suerte