kostenloser Webspace werbefrei: lima-city

Mit for-Schleife Hintergrund abdunkeln

lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript

1. Autor dieses Themas

   seth93

   seth93 hat kostenlosen Webspace.

   9:04, 30.5.2009

   Hi,
   
   ich glaub es gab mal n Script, womit man den Hintergrund abdunkeln konnte.
   Da wurde Opacity von 100% runtergeschraubt.
   Das hatte den Effekt, dass es so aussah, als würde der schwarze Hintergrund heller und durchsichtiger werden.
   Finde das Script aber nicht mehr :S
   Könnte mir jemand helfen?
   Ich hab nur sowas wie die Lightbox gefunden.
   Das ist so ähnlich, aber ist recht viel Code.
   
   EDIT:
   Hab es mal selber versucht.
   Es klappt jedoch nicht:
   

   <script type="text/javascript">
   var Zaehler = 1;
   while (Zaehler <= 10) {
   var transparent = transparent - 0.1; 
     Zaehler++; 
     }
   document.write('<div style="width:500px; height:300px; background-color:#000000; -moz-opacity: + transparent;"></div>');
   
   </script>

   
   
   Kenn mich nicht so mit JavaScript aus.
   Fang erst seit kurzem an und wende das auch nicht oft an.
   
   
   Beitrag zuletzt geändert: 30.5.2009 9:35:15 von seth93

2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

3. sincer

   

   sincer hat kostenlosen Webspace.

   11:44, 30.5.2009

   ho ;)
   
   Ich kenne mich auch nicht soo gut mit JS aus, aber du hast auf jeden Fall einen Logikfehler in deinem Script:
   Du hast eine while Schleife... Die ändert den Wert so lange, bis er auf 0% ist, und danach kommt erst die Ausgabe...
   
   Sprich... Selbst wenn es funktionieren sollte ist es von Anfang an Schwarz... (Die schleife wird innerhalb von einer Millisekunde ausgeführt, was zum sofortigen schwarzwerdens des Hintergrunds führt...
   
   Du brauchst ein Intervall... zB jede 10tel Sekunde um 10% verdunkeln, dann würde der Hintergrund innerhalb einer Sek. von weiß zu schwarz werden... oder jeder 20tel Sek. -> 2 Sek für den Vorgang...
   
   Was du also auf jeden Fall brauchst: http://de.selfhtml.org/javascript/objekte/window.htm#set_interval
   
   Also für den Anfang eine Funktion
   
   

   var dunkler = 1;
   
   abdunkeln()
   {
     var dunkler = dunkler-0.1;
     if (dunkler == 0)
     {
       clearInterval(dunkelintervall);
     }
     document.write('<div style="width:500px; height:300px; background-color:#000000; -moz-opacity: + transparent;"></div>');
   }
   
   var dunkelintervall = setInterval("abdunkeln()",200)
   // 200 entspricht einer Ausführung alle 200 Millisek = 5 mal in einer Sek
   // -> Vorgang würde 2 Sek dauern...

   
   
   Ich befürchte, dass das Syntaktisch gesehen nicht ganz korrekt ist *g*
   Aber das ist zumindest einmal ein Ansatz...
   
   lg
   Sincer

4. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?