Fade-Effekt bei Mouseover... wie und wo merken?

[Patrick Andrieu]

Hallo Struppi!

1. mouseover
2. einblenden. währenddessen -> mouseout -> einblenden geht weiter
3. ausblenden. währenddessen -> mouseover -> ausblenden geht weiter?

In etwa. An sich könnte das Ausblenden unterbrochen werden, da muss ich mal schauen.

Dein Ansatz ist nicht besonders elegant und widerspricht auch vielen Programmierparadigmen.

Ich habe nie behauptet, dass ich ein Programmierer bin ;) Aber inwiefern?

Ich würd' das in etwa so umsetzen:

var fade = new function() {

var aktiv = false;
var node;
var o = 0;
var inout = true;
var callback;
function fade_func() {
node.style.filter = 'Alpha(opacity=' + o + ')';
node.style.opacity = o / 100;
o += inout ? 1 : -1;
if( (inout && o > 100) || (!inout && o < 0)){
aktiv = false;
if(callback) callback();
callback = null;
} else {
window.setTimeout(fade_func, 10);
}
};

this.init = function(action, fade_node) {
action  =  document.getElementById(action);
if(!action) return;

  action.onmouseover = function() {  
  	if(!aktiv){  
  		inout = true;  
  		aktiv = true;  
  		fade_func();  
  	}  
  };  
  action.onmouseout = function() {  
  	if(aktiv) {  
  		callback = function() {  
  			aktiv = true;  
  			inout = false;  
  			fade_func();  
  		};  
  	} else {  
  		aktiv = true;  
  		inout = false;  
  		fade_func();  
  	}  
  };  
  node =  document.getElementById(fade_node);  

};
};
window.onload = function() {fade.init('foo', 'fadein');}

  
Danke, werde das mal testen. Ob ich heute dazu komme, weiß ich allerdings noch nicht. Im Moment blicke ich hier nocht nicht durch, was wozu zuständig ist, dass werde ich erst am lebenden Beispiel sehen :)  
  
  
Viele Grüße aus Frankfurt/Main,  
Patrick

-- 
\_ - jenseits vom delirium - \_  
![](http://www.atomic-eggs.com/fuernA.jpg)  
   [Diblom](http://www.atomic-eggs.com/pics/diblom.png)   [[link:hatehtehpehdoppelpunktslashslashwehwehwehpunktatomicminuseggspunktcomslash](http://www.atomic-eggs.com/)]  
[J'ai 10 ans!](http://www.atomic-eggs.com/wae/wae_10.shtml#a5) | Achtung [Agentur](http://www.atomic-eggs.com/cwi/cwi_5.shtml#a5)! | Nichts ist unmöglich? [Doch!](http://www.atomic-eggs.com/cwi/cwi_4.shtml) | [Heute](http://www.atomic-eggs.com/cgi-bin/date_today.pl) schon ge[gök](http://goek.atomic-eggs.com/goek_goek.html)t?