15/11/2004, 09:47
| |||
| |||
| Como puedo conseguir este efecto de transparencia? Ayuda porfavor Bueno, en mi web www.reikai.org/sonicworld puse un efecto de transparencia en los botones donde al pasar el cursor por encima se vuelve opaco el boton. Sin embargo ni con mozilla ni opera, se me ve el efecto. Como puedo lograrlo? He encontrado una web que tambien lo hace, y si se ve con mozilla y opera, es: www.tekken.vg Sin embargo he copiado el codigo de esta ultima web, y ni bajandome el css y guardandolo en la misma carpeta, logro hacer yo luego el efecto  Alguien sabe cual es el codigo para que funcione en mozilla u opera, o si hace falta hacer algo mas? ayuda y gracias |
|
15/11/2004, 10:02
| |||
| |||
| Uf, no, es que hay dos problemas con flash, primero que a veces hace el tonto y no acaba de encajar bien la imagen, y otra que no se hacer animaciones en botones cuando quitas el boton de encima, solo cuando lo pasas, y en cambio con este efecto de web si que hay "animacion" por asi decirlo cuando lo quitas |
|
15/11/2004, 11:03
| ||||
| ||||
| bueno, ok, acá te paso un código fuente de una tabla que tiene una celda transparente y se ve en ambos navegadores, ahora bien, usa el onmouseover y onmouseout para cambiar los porcentajes de la transparencia
Código:
Espero que te sirva<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript">
function opaco(){
if (document.all)
document.getElementById('celda').style.filter = "alpha(opacity: 30)";
else
document.getElementById('celda').style.MozOpacity = "0.3";
}
</script>
</head>
<body bgcolor="#ffffff" onLoad="opaco()">
<table width="75%" border="0" background="gaita.jpg">
<tr>
<td rowspan="2" bgcolor="orange" id="celda"><p> </p>
<p> </p>
<p>klf jsjf slj ñlskfj ñlaj ñlakfjkñljf sl</p>
<p> </p>
<p> </p>
<p> </p></td>
<td bgcolor="orange"> </td>
</tr>
<tr>
<td bgcolor="orange">sfsdfdsfafsdfaffafsdf</td>
</tr>
</table>
</body>
</html>
Saludos
__________________ Esteban Quintana |
|
16/11/2004, 05:29
| ||||
| ||||
| ok, ya le hice unas modificaciones y acá te lo mando con onmouse over y onmouseout, pero aunque parezca raro, me está funcionando perfectamente en netscape, pero en IE no...y no entiendo porque...por favor que alguno de los entendidos en javascript nos resuelva ese problema...
Código:
Espero que te sirva. Saludos... <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript">
function opacar(id,porcentaje){
if (document.all){
document.getElementById(id).style.filter = "alpha(opacity: porcentaje)";
}
else {
porcentaje = porcentaje/100;
document.getElementById(id).style.MozOpacity = porcentaje;
}
}
</script>
</head>
<body bgcolor="#ffffff" onLoad="opacar('celda',70)">
<table width="75%" border="0" background="gaita.jpg">
<tr>
<td rowspan="2" bgcolor="orange" id="celda" onMouseOver="opacar('celda',30)" onMouseOut="opacar('celda',70)"><p> </p>
<p> </p>
<p>klf jsjf slj ñlskfj ñlaj ñlakfjkñljf sl</p>
<p> </p>
<p> </p>
<p> </p></td>
<td bgcolor="orange"> </td>
</tr>
<tr>
<td bgcolor="orange">sfsdfdsfafsdfaffafsdf</td>
</tr>
</table>
</body>
</html>
__________________ Esteban Quintana |
|
16/11/2004, 05:33
| ||||
| ||||
| El problema seguramente está en esta línea de código document.getElementById(id).style.filter = "alpha(opacity: porcentaje)"; en donde coloqueé una variable (porcentaje) en vez de colocar el número 30 o 70...Esa instrucción no soporta variables ??? Esa sería una muy mala noticia...
__________________ Esteban Quintana |
|
16/11/2004, 07:29
| ||||
| ||||
| http://www.forosdelweb.com/f13/funcion-transparencia-247420/ Acá Caricatos me dieron la solución... Saludos
__________________ Esteban Quintana |
