Ergebnis 1 bis 9 von 9

Thema: Imagefader

  1. #1
    Avatar von .marc
    .marc ist offline Lebende Foren-Legende
    registriert
    26-12-2002
    Ort
    Schweiz / Biel
    Beiträge
    1.589

    Exclamation Imagefader

    einfach mal testen würde mich interessieren ab welchen Browserversionen [IE/NS] es funtioniert. Im NS gibts derzeit noch einen Fehler weiss aber noch nicht genau warum
    hier mal der Code:
    Code:
    <html>
    <head>
    <script type="text/javascript" language="JavaScript">
    
     /*-----------------------------------------------------+
     |  	          author: marc tanner 			|
     +----------------------[Options]----------------------*/
      speed=50; 	// wert in Millisekunden
      stepIE=10; 	// differenz von Schritt zu Schritt [IE]
      stepNS=0.1;	// differenz von Schritt zu Schritt [NS]
    		// wert zwischen 0.9 und 0.1
     /*---------------------[/Options]---------------------*/
    
    fadeObjects = new Array();
    fadeInTimers = new Array();
    fadeOutTimers = new Array();
    
    function fadeIn(object,filterMS,optionsNS)
    {
    	fadeObjects[object.id] = object;
    
    	if(fadeOutTimers[object.id]!=undefined)
    	{
    		window.clearTimeout(fadeOutTimers[object.id]);
    	}
    	if(object.style.MozOpacity)
    	{
    		if(object.style.MozOpacity>optionsNS)
    		{
    			object.style.MozOpacity-=stepNS;
        			fadeInTimers[object.id] = window.setTimeout("fadeIn(fadeObjects["+object.id+"], "+filterMS+", "+optionsNS+")", speed);
    		}
    		else
    		{
    			window.clearTimeout(fadeInTimers[object.id]);
    		}
    	}
    	else
    	{	
    		if(object.filters.alpha.opacity>filterMS)
    		{
    			object.filters.alpha.opacity-=stepIE;
        			fadeInTimers[object.id] = window.setTimeout("fadeIn(fadeObjects["+object.id+"], "+filterMS+", "+optionsNS+")", speed);
    		}
    		else
    		{
    			window.clearTimeout(fadeInTimers[object.id]);
    		}
    	}
    }
    
    function fadeOut(object,filterMS,optionsNS)
    {
    	if(fadeInTimers[object.id]!=undefined)
    	{
    		window.clearTimeout(fadeInTimers[object.id]);
    	}
    
    	if(object.style.MozOpacity)
    	{
    		if(object.style.MozOpacity<optionsNS)
    		{
    			object.style.MozOpacity=eval(object.style.MozOpacity)+stepNS;
        			fadeOutTimers[object.id] = window.setTimeout("fadeOut(fadeObjects["+object.id+"], "+filterMS+", "+optionsNS+")", speed);
    		}
    		else
    		{
    			window.clearTimeout(fadeOutTimers[object.id]);
    		}
    	}
    	else
    	{	
    		if(object.filters.alpha.opacity<filterMS)
    		{
    			object.filters.alpha.opacity+=stepIE;
        			fadeOutTimers[object.id] = window.setTimeout("fadeOut(fadeObjects["+object.id+"], "+filterMS+", "+optionsNS+")", speed);
    		}
    		else
    		{	
    			window.clearTimeout(fadeOutTimers[object.id]);
    		}
    	}
    }
    
    </script>
    </head>
    <body>
    <img src="deinBild.gif" id="0" style="filter:alpha(opacity=100); -moz-opacity: 0.9;" onmouseover="fadeIn(this, 20, 0.1)" onmouseout="fadeOut(this, 100, 0.9)">
    </body>
    </html>
    weis jemand ob es im Opera auch irgend so eine Eigenschaft gibt?
    Geändert von .marc (14-04-2004 um 09:02 Uhr)
    Shit doesn't happen, it's produced by an asshole.
    brain-dump.org || Marc Tanner's web log

  2. #2
    Avatar von womstar
    womstar ist offline Lounge-Member
    registriert
    22-07-2002
    Ort
    latente matrix
    Beiträge
    5.913
    ich werd mal zuhause ausprobieren....
    aber um mal ein ÄÄÄÄÄHHHMM los zu werden.....
    das ist ein bekanntes bestehendes script was du umgeändert hast....seh ich das richtig?

  3. #3
    Avatar von .marc
    .marc ist offline Lebende Foren-Legende
    registriert
    26-12-2002
    Ort
    Schweiz / Biel
    Beiträge
    1.589
    jep habe ich um/neugeschrieben stammt von da:
    http://forum.jswelt.de/showthread.php?s=&threadid=12887 (knacknuss für js-freaks)
    meinst du wegen der ©-Zeile darf man das denn nicht? soll ichs raus nehmen?
    Shit doesn't happen, it's produced by an asshole.
    brain-dump.org || Marc Tanner's web log

  4. #4
    Avatar von .marc
    .marc ist offline Lebende Foren-Legende
    registriert
    26-12-2002
    Ort
    Schweiz / Biel
    Beiträge
    1.589
    hatte ein Tippfehler drin, jetzt sollte es im NS auch ohne Fehler gehen
    Shit doesn't happen, it's produced by an asshole.
    brain-dump.org || Marc Tanner's web log

  5. #5
    Avatar von womstar
    womstar ist offline Lounge-Member
    registriert
    22-07-2002
    Ort
    latente matrix
    Beiträge
    5.913
    naja also ich würde mal sagen das ein copyright hier etwas unangebracht ist. zumal du ja die selben varibalennamen verwendet hast, gut das ist egal aber dadurch fällt es mit auf.

    zum script an sich:
    also funzen tut es in ie und ns, sag mal rasputin deswegen bescheid, weil er ja dieses gesucht hatte.

    wegen opera, also ich weis nicht ob der 7mer die ms filter versteht, wenn müsste es da auch gehn....
    die versionen darunter dürfen da probleme habe....

  6. #6
    CodeX ist offline Grünschnabel
    registriert
    14-04-2004
    Beiträge
    5
    klasse! funktioniert wirklich im IE und im Mozilla!
    ich hätte aber noch eine bitte/frage:

    für meinen zweck muss das faden genau umgekehrt sein. also dass alles standardmäßig ausgeblendet ist und beim drüber gehen eingeblendet wird.

    ich habe das so versucht:
    <img src="pic.jpg" id="0" style="filter:alpha(opacity=20); -moz-opacity: 0.1;" onmouseover="fadeOut(this, 100, 0.9)" onmouseout="fadeIn(this, 20, 0.1)">

    aber dann funktioniert es erst ab dem zweiten drüber gehen.
    beim ersten mal hällt das faden viel zu früh an.
    was muss da noch umgecodet werden?

    thx!

  7. #7
    Avatar von .marc
    .marc ist offline Lebende Foren-Legende
    registriert
    26-12-2002
    Ort
    Schweiz / Biel
    Beiträge
    1.589
    so?
    Code:
    <img src="deinBild.gif" id="0" style="filter:alpha(opacity=10); -moz-opacity: 0.1;" onmouseout="fadeIn(this, 10, 0.1)" onmouseover="fadeOut(this, 100, 1)">
    ja ich weis blöde Namensgebung aber ist ja auch schon relativ alt das Script. Heute würd ich wohl einiges anders machen
    Shit doesn't happen, it's produced by an asshole.
    brain-dump.org || Marc Tanner's web log

  8. #8
    CodeX ist offline Grünschnabel
    registriert
    14-04-2004
    Beiträge
    5
    ist ja im prinzip das selbe, wie ich es gepostet habe. stockt also genau so beim ersten drüber fahren.
    ev muss noch was kleines am eigentlichen script geändert werden!?

  9. #9
    CodeX ist offline Grünschnabel
    registriert
    14-04-2004
    Beiträge
    5
    hm, echt keine idee?

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •