Ver Mensaje Individual
  #1 (permalink)  
Antiguo 28/02/2007, 08:05
Finseneu
 
Fecha de Ingreso: octubre-2003
Mensajes: 540
Antigüedad: 22 años, 11 meses
Puntos: 1
Me ayudan a modificar este script?

Lo encontré por ahi y funciona muy bien para el caso (hacer visible una capa en forma gradual) ....pero lo que me gustaría ahora es poder hacer también el efecto inverso, que desaparezca de a poco, es decir un fade out.

No expngo mi lógica porque no tengo idea ni de como empezar

Código PHP:
function initImage() {
  
imageId = 'search_tooltip';
  
image = document.getElementById(imageId);
  
setOpacity(image, 0);
  
image.style.visibility = 'visible';
  
fadeIn(imageId,0);
}

function 
setOpacity(obj, opacity) {
  
opacity = (opacity == 100)?99.999:opacity;
  
  
// IE/Win
  
obj.style.filter = "alpha(opacity:"+opacity+")";
  
  
// Safari<1.2, Konqueror
  
obj.style.KHTMLOpacity = opacity/100;
  
  
// Older Mozilla and Firefox
  
obj.style.MozOpacity = opacity/100;
  
  
// Safari 1.2, newer Firefox and Mozilla, CSS3
  
obj.style.opacity = opacity/100;
}

function 
fadeIn(objId,opacity) {
  if (
document.getElementById) {
    
obj = document.getElementById(objId);
    if (
opacity <= 100) {
      
setOpacity(obj, opacity);
      
opacity += 10;
      
window.setTimeout("fadeIn('"+objId+"',"+opacity+")", 100);
    }
  }
}