[JavaScript] grafik beim laden der websiten einblenden

Einklappen
X
 
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • [JavaScript] grafik beim laden der websiten einblenden

    Hat jemand eine Idee wie man eine grafik beim laden der website einbringt ???

  • #2
    Fangfrage?

    Ein netter Guide zum übersichtlichen Schreiben von PHP/MySQL-Code!

    bei Klammersetzung bevorzuge ich jedoch die JavaCoding-Standards
    Wie man Fragen richtig stellt

    Kommentar


    • #3
      Code:
      document.getElementById('idDesBildTags').src = '/pfad/zum/bild.jpg';
      könntest es ja mal so probieren
      Gutes Tutorial | PHP Manual | MySql Manual | PHP FAQ | Apache | Suchfunktion für eigene Seiten

      [color=red]"An error does not become truth by reason of multiplied propagation, nor does truth become error because nobody sees it."[/color]
      Mohandas Karamchand Gandhi (Mahatma Gandhi) (Source)

      Kommentar


      • #4
        definiere deine Frage bitte einmal etwas genauer, denn so wie sie jetzt daherkommt könntest du genausogut <img src="..."> schreiben

        Kommentar


        • #5
          Ich will das wenn beim laden der seite eine grafik erscheint im fordergrund !und wenn die seite komplet geladen ist das sie wieder verschwindet .

          Kommentar


          • #6
            Original geschrieben von Jeugen
            Ich will das wenn beim laden der seite eine grafik erscheint im fordergrund !und wenn die seite komplet geladen ist das sie wieder verschwindet .
            setz an den anfang der seite ein div was über der seite ist.
            am ende der seite lässte du dann ein js ausführen, was das div auf display= 'none' setzt.

            willst du auch ein div, was sich über das div legt, solange das bild fürs div läd??
            **********
            arkos
            **********

            Kommentar


            • #7
              willst du auch ein div, was sich über das div legt, solange das bild fürs div läd??
              OffTopic:

              mmmmh wiedermal div Suppe


              Hast recht, an manchen Tagen geht's besser mit OT
              Gutes Tutorial | PHP Manual | MySql Manual | PHP FAQ | Apache | Suchfunktion für eigene Seiten

              [color=red]"An error does not become truth by reason of multiplied propagation, nor does truth become error because nobody sees it."[/color]
              Mohandas Karamchand Gandhi (Mahatma Gandhi) (Source)

              Kommentar


              • #8
                Original geschrieben von arkos
                setz an den anfang der seite ein div was über der seite ist.
                am ende der seite lässte du dann ein js ausführen, was das div auf display= 'none' setzt.

                willst du auch ein div, was sich über das div legt, solange das bild fürs div läd??
                Und wie mache ich das ?
                So lange kann ich javascript noch nicht .

                Kommentar


                • #9
                  Und wie mache ich das ?
                  Code:
                  document.getElementById('IDdesDivs').style.display = 'none';
                  so zum Beispiel.
                  Du legst dir ein div an (absolute Positionierung inkl Höhe und Breite und display:none via CSS). Dem div gibst du via background-image die Bildressource an. Ein Javascript beim load ruft eine Funktion auf, die den div auf display:block setzt. Diese Funktion könntest du mit dem onload Event des body-Tags verbinden.
                  In der letzten Zeile vor dem Schliessenden Body-Tag rufst du wiederum eine Fkt auf, die, wie oben gezeigt, den div wieder "unsichtbar" macht.

                  Gruss

                  tobi
                  Gutes Tutorial | PHP Manual | MySql Manual | PHP FAQ | Apache | Suchfunktion für eigene Seiten

                  [color=red]"An error does not become truth by reason of multiplied propagation, nor does truth become error because nobody sees it."[/color]
                  Mohandas Karamchand Gandhi (Mahatma Gandhi) (Source)

                  Kommentar


                  • #10
                    achso danke

                    Kommentar


                    • #11
                      Was funktonirt daran nicht ?
                      Code:
                      <script type="text/javascript">
                      function box(){
                      document.getElementById('box').style.display = 'none';
                      }
                      </script>

                      Kommentar


                      • #12
                        Was funktonirt daran nicht ?
                        Sind wir hier deine Debugger, oder was? Kennst du den FireFox? Verwende ihn und schau in die Fehlerkonsole. Was sagt dir diese?
                        Obiger Code sollte korrekt sein
                        Gutes Tutorial | PHP Manual | MySql Manual | PHP FAQ | Apache | Suchfunktion für eigene Seiten

                        [color=red]"An error does not become truth by reason of multiplied propagation, nor does truth become error because nobody sees it."[/color]
                        Mohandas Karamchand Gandhi (Mahatma Gandhi) (Source)

                        Kommentar


                        • #13
                          Ein Javascript beim load ruft eine Funktion auf, die den div auf display:block setzt. Diese Funktion könntest du mit dem onload Event des body-Tags verbinden.
                          imho wird onload erst aufgerufen, wenn die Seite komplett geladen ist, oder täusche ich mich da?

                          Kommentar


                          • #14
                            imho wird onload erst aufgerufen, wenn die Seite komplett geladen ist, oder täusche ich mich da?
                            Also zumindest im IE 6 funzt untenstehender Code
                            Code:
                            <html>
                            <head>
                            <script type="text/javascript">
                            <!--
                            function changeContent(what){
                              document.getElementById('text').innerHTML = what;
                            }
                            -->
                            </script>
                            </head>
                            <body onload="changeContent('blablabla');">
                            <div id="text"></div>
                            </body>
                            </html>
                            Gruss

                            tobi
                            Gutes Tutorial | PHP Manual | MySql Manual | PHP FAQ | Apache | Suchfunktion für eigene Seiten

                            [color=red]"An error does not become truth by reason of multiplied propagation, nor does truth become error because nobody sees it."[/color]
                            Mohandas Karamchand Gandhi (Mahatma Gandhi) (Source)

                            Kommentar


                            • #15
                              OffTopic:

                              oh, es bahnt sich erneut ein traumtor von arkos an...



                              @jah... warum willst du dem div via css display: none zuweisen? nur um es beim laden der seite (body) "anknipsen" zu können?
                              ich würde im css display: block nehmen. dann spare ich mir das einblenden und blende am ende nur noch aus
                              **********
                              arkos
                              **********

                              Kommentar

                              Lädt...
                              X