Club Delphi  
    FTP   CCD     Buscar   Trucos   Trabajo   Foros

Retroceder   Foros Club Delphi > Otros entornos y lenguajes > HTML, Javascript y otros
Registrarse FAQ Miembros Calendario Guía de estilo Temas de Hoy

 
 
Herramientas Buscar en Tema Desplegado
  #1  
Antiguo 09-11-2007
Avatar de lag_0
lag_0 lag_0 is offline
Miembro
 
Registrado: jul 2006
Posts: 131
Poder: 18
lag_0 Va por buen camino
FireFox y Opera: Transparencias?

He hecho un script de Fade In y Fade Out con transparencias que en I.E funciona muy bien pero no consigo que funcione en Firefox ni en Opera ni Safari... Ahí va por si os interesa usarlo o se os ocurre la fantastica idea de como hacerlo funcionar (me haríais un gran favor):
Código PHP:
var CountFadeID = new Array();
function 
FadeInEffect(FadeObject,max,mult) {
  
max max+1;
  
document.getElementById(FadeObject.id).filters[0].opacity=(document.getElementById(FadeObject.id).filters[0].opacity+mult);
  if ((
document.getElementById(FadeObject.id).filters[0].opacity max) && (CountFadeID[FadeObject.id] == 'in')) {
    
setTimeout('FadeInEffect('+FadeObject.id+','+(max-1)+','+mult+')'5); } 
}     
function 
SetFadeIn(FadeObject,max,mult) {
  
CountFadeID[FadeObject.id] = 'in';
  
setTimeout('FadeInEffect('+FadeObject.id+','+max+','+mult+')'5); 
}
function 
FadeOutEffect(FadeObject,max,mult) {
  
max max-1;
  
document.getElementById(FadeObject.id).filters[0].opacity=(document.getElementById(FadeObject.id).filters[0].opacity-mult);
  if ((
document.getElementById(FadeObject.id).filters[0].opacity max) && (CountFadeID[FadeObject.id] == 'out')) {
     
setTimeout('FadeOutEffect('+FadeObject.id+','+(max+1)+','+mult+')'5);
  }
}
function 
SetFadeOut(FadeObject,max,mult) {
  
CountFadeID[FadeObject.id] = 'out';
  
setTimeout('FadeOutEffect('+FadeObject.id+','+max+','+mult+')'5);
 } 
Implementación:
Código PHP:
<img src="a.gif" id="imagen1" onmouseover="javascript:SetFadeIn(this,'100','5');" onmouseout="javascript:SetFadeOut(this,'65','5');" style="filter:alpha(opacity=35);-moz-opacity:.100;opacity:.100;" /> 
Las 2 ultimas cosas del style son para que se vea opaco o no en firefox y demás, si las bajais se verá más transparente lo único que el fade no lo hará...
Y respecto a las variables de la función... En la In, el máximo de opaco, en la out el minimo de transparente... y la segunda es el "multiplicador" contra más alto sea más prisa se da en llegar al minimo/maximo asignado...
El efecto fade in fade out queda muy bien y por más que busqué no encontré nada util ya hecho para todos los navegadores...
Ah y creo que en FF no funciona tampoco el setTimeout tal y como está puesto por que no pasa bien el objeto o no lo tengo muy claro... pero como no me funcionaba de ninguna forma la transparencia lo dejé estar.. A ver si alguien se anima

Un saludo!!!

Última edición por lag_0 fecha: 09-11-2007 a las 13:46:51.
Responder Con Cita
 



Normas de Publicación
no Puedes crear nuevos temas
no Puedes responder a temas
no Puedes adjuntar archivos
no Puedes editar tus mensajes

El código vB está habilitado
Las caritas están habilitado
Código [IMG] está habilitado
Código HTML está deshabilitado
Saltar a Foro

Temas Similares
Tema Autor Foro Respuestas Último mensaje
AJAX - Funciona en Firefox y no en iexplorer/opera papulo HTML, Javascript y otros 3 21-08-2007 12:34:27
Microsot dice: usar Firefox u Opera Casimiro Notevi Noticias 18 14-02-2007 20:34:31
Transparencias y carga de imágenes david.rguez Gráficos 1 04-09-2006 18:01:40
Policías americanos se entrenan en los secretos de Opera y Firefox Sasuke_Cub Noticias 1 04-09-2005 19:39:40
Transparencias reales... elcigarra Gráficos 3 13-07-2005 14:29:20


La franja horaria es GMT +2. Ahora son las 12:56:14.


Powered by vBulletin® Version 3.6.8
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.
Traducción al castellano por el equipo de moderadores del Club Delphi
Copyright 1996-2007 Club Delphi