Ankündigung

Einklappen
Keine Ankündigung bisher.

Java Script für Nebel gesucht

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

  • Java Script für Nebel gesucht

    Hallo,

    ich bin auf der Suche nach einem Java Script. Und zwar eines, das es so aussehen läßt, als würde über der Seite (nach dem Einsteigen) ein Nebel liegen, der sich dann langsam lichtet. Hier habe ich etwas gefunden, leider funktioniert der Einbau nicht, da es sich anscheinend nur um ein Beispiel handelt: http://www.pigasus.de/frame2.htm (unter "Alles so schön bunt hier" und dann Blende: Seite aus dem Nebel). Leider kenne ich mich nicht aus, was man verändern müßte. Habt Ihr vielleicht einen Vorschlag oder ein fertiges Script :?:

    Danke schon mal und Grüße

  • #2
    Ist doch ganz leicht, da ist doch das Script dabei!
    Dss mußt du einfach integrieren! :-)
    http://www.pigasus.de/frame2.htm

    Kommentar


    • #3
      Ok, ich kenn mich net aus ops: :shock:

      Hier ist also der Quelltext, aber was soll ich denn da nehmen, damit dann nicht testtest... und das mit dem Eine langsame Einblendung des Seiteninhalts - mit Text, Bildern, Buttons, .... -
      alles taucht langsam aus dem Nebel auf. Leider nur beim IE 4+. dortsteht?

      Please help :roll:

      <html>
      <head>
      <title>Vorhang 20</title>
      <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

      <script language="JavaScript"><!--
      // (c) 1999 pigdesign Christoph Kämper
      i = 0
      function alfafilter() {

      if (document.all) {
      if(document.all.body1.filters[0].finishopacity <= 100) document.all.body1.filters[0].finishopacity += 20;

      if(document.all.body1.filters[0].opacity <= 100)
      {document.all.body1.filters[0].opacity += 3;
      window.setTimeout("alfafilter()",1);
      }}}

      // -->
      </script>
      <meta name="MSSmartTagsPreventParsing" content="TRUE">
      </head>


      <body id="body1" style="filter:Alpha(opacity=0, finishopacity=0, style=1)" onload="alfafilter()">
      <div>
      <h2>Einblendung mit dynamischem Filter</h2>
      Eine langsame Einblendung des Seiteninhalts - mit Text, Bildern, Buttons, .... -
      alles taucht langsam aus dem Nebel auf. Leider nur beim IE 4+.
      <form><input type="button" value="Ein Button im Nebel ist schwer zu treffen"></form>
      <img src="gif/friends.gif"><img src="gif/friends.gif"><img src="gif/friends.gif"><img src="gif/friends.gif">
      test test test test test test test test test test test test test <br>
      test test test test test test test test test test test test test <br>
      test test test test test test test test test test test test test <br>
      test test test test test test test test test test test test test <br>
      test test test test test test test test test test test test test <br>
      test test test test test test test test test test test test test <br>
      test test test test test test test test test test test test test <br>
      test test test test test test test test test test test test test <br>
      test test test test test test test test test test test test test <br>
      test test test test test test test test test test test test test <br>
      test test test test test test test test test test test test test <br>
      test test test test test test test test test test test test test <br>
      test test test test test test test test test test test test test <br>
      test test test test test test test test test test test test test <br>
      test test test test test test test test test test test test test <br>
      test test test test test test test test test test test test test <br>
      </div>
      </body>
      </html>

      Kommentar


      • #4
        Dies:
        [code:1:8b3c335484]
        <script language="JavaScript"><!--
        // (c) 1999 pigdesign Christoph Kämper
        i = 0
        function alfafilter() {

        if (document.all) {
        if(document.all.body1.filters[0].finis hopacity <= 100) document.all.body1.filters[0].finishopacit y += 20;

        if(document.all.body1.filters[0].opaci ty <= 100)
        {document.all.body1.filters[0].opacit y += 3;
        window.setTimeout("alfafilter()&q uot;,1);
        }}}

        // -->
        </script>
        [/code:1:8b3c335484]
        Ich bin Schweizer und das ist auch gut so!

        Kommentar


        • #5
          Danke für die Antwort , aber leider funktioniert es nicht :cry: Ich hab es im Editor im HTML Modus (und beim nächsten Mal Probieren über HTML einfügen) eingegeben, aber es tut sich nichts. Entweder ich mach was falsch oder es klappt halt nicht. Schade.

          Kommentar


          • #6
            Es muss zwischen <head> und </head>!
            Ich bin Schweizer und das ist auch gut so!

            Kommentar


            • #7
              Ach ja und <body> musst du ersetzen mit:
              [code:1:a4c1a8058a]
              <body id="body1" style="filter:Alpha(opacity=0, finishopacity=0, style=1)" onload="alfafilter()">
              [/code:1:a4c1a8058a]
              Ich bin Schweizer und das ist auch gut so!

              Kommentar

              homepage-forum.de - Hilfe für Webmaster! Statistiken

              Einklappen

              Themen: 56.975   Beiträge: 431.488   Mitglieder: 29.055   Aktive Mitglieder: 125
              Willkommen an unser neuestes Mitglied, Adampie.

              Online-Benutzer

              Einklappen

              278 Benutzer sind jetzt online. Registrierte Benutzer: 3, Gäste: 275.

              Mit 3.502 Benutzern waren am 23.01.2020 um 18:20 die meisten Benutzer gleichzeitig online.

              Die neuesten Themen

              Einklappen

              • Gnosius
                Mobile und Desktop-Version kombinieren
                Hallo,

                mittlerweile habe ich eine kleine Homepage erstellt (mit MS Expression web 4), die nur einige Buttons mit Links zur Weiterleitung enthält.
                da das Hintergrundbild teils gekachelt wurde, habe ich 2 Versionen erstellt, die unter verschiedenen URLs aufgerufen werden und einmal...
                17.01.2022, 12:52
              • mawi1512
                generelle Statisik über Auswahlmenu erstellen
                Hallo zusammen!
                Ich würde gerne eine vorgegebene Statistik über eine Mehrfachauswahlmenu anbieten.
                Was ausgewählt wurde, soll öffentlich als Summe ausgewertet und angezeigt werden.
                Die Auswertung soll geischert in einer Datenbank oder über eine andere Möglichkeit gesichert werden....
                17.01.2022, 11:28
              • Comedix
                Gesucht: Newsletter Script
                Hallo,

                das Newsletterscript, das ich auf meiner Homepage verwende, ist in die Jahre gekommen. Ich muss/möchte den Webspace auf PHP 8.0 umstellen und deshalb werde ich mich von meinem alten PHP-Script verabschieden. Verwendet oder kennt jemand eine Newsletter-Software, die er/sie empfehlen...
                16.01.2022, 14:46
              • dafra1987
                MediaWiki Editor ändern
                Hallo,

                ich habe auf meinem Webspace von Alfahosting eine Instanz von Mediawiki installiert. Allerdings ist der Editor, der da mit "ausgerollt" wurde sehr unglücklich. Ich möchte natürlich auch medial die Seiten aufbauen und in dem Editor gibt es keine Möglichkeit für einen...
                13.01.2022, 22:58
              • ST747
                Google indexierung
                Hallo,
                ich habe ein paar Unterseiten die nicht indexiert werden:.
                Gefunden - zur Zeit nicht im Index.

                Wenn ich dann die Fehleranalyse mache, kommt Property nicht im Konto.
                Zugriff bestätigt,die Website befindet sich aber nicht auf ihrem Konto.
                Die gehört aber zu...
                11.01.2022, 17:49

              Die neuesten Beiträge

              Einklappen

              • Localfu
                Antwort auf Mobile und Desktop-Version kombinieren
                Moin Sempervivum,
                verwende doch bitte mal bitte:
                Code:
                @media (orientation: landscape) {
                body {
                background-image: url('images/bild3.jpg');
                background-size: cover;
                background-repeat: no-repeat;
                background-position: center;
                }
                }
                
                @media
                ...
                20.01.2022, 00:07
              • Gnosius
                Mobile und Desktop-Version kombinieren
                Hallo,

                mittlerweile habe ich eine kleine Homepage erstellt (mit MS Expression web 4), die nur einige Buttons mit Links zur Weiterleitung enthält.
                da das Hintergrundbild teils gekachelt wurde, habe ich 2 Versionen erstellt, die unter verschiedenen URLs aufgerufen werden und einmal...
                17.01.2022, 12:52
              • Gnosius
                Antwort auf Mobile und Desktop-Version kombinieren
                Ja, das war's. PC jetzt super, Smartphone hochkant auch. Smartphone (S20 ultra) quer: zeigt noch 1 cm von der nächsten Kachel an. Warum er da nicht auf 100% streckt weiß ich nicht. Vielleicht weil das Bild 1670 breit x 1880 hoch ist (unten abgeschintten ist ok). Das S20 hat 1440x3200 Pixel, läuft...
                19.01.2022, 21:19
              • Sempervivum
                Antwort auf Mobile und Desktop-Version kombinieren
                Bei dem
                Code:
                background-size: 100% 100%"
                muss das Gänsefüßchen durch ein Semikolon ersetzt werden.
                Und bei portrait fehlt die letzte schließende Klammer.
                Mit diesem CSS sieht es bei mir ganz gut aus:
                Code:
                        @media (orientation: landscape) {
                            body {
                ...
                19.01.2022, 19:49
              • Gnosius
                Antwort auf Mobile und Desktop-Version kombinieren
                So, habe ich erledigt:

                <!DOCTYPE html>
                <htmllang="de">
                <head>
                <metacharset="UTF-8">
                <metahttp-equiv="X-UA-Compatible"content="IE=edge">
                <metaname="viewport"content="width=device-width,...
                19.01.2022, 18:44
              • Ingo
                Antwort auf Mobile und Desktop-Version kombinieren
                Hi,
                nach DOCTYPE und meta fehlt ein Leerzeichen.
                Bei font-family mindestens eine gererische Angabe wie serif hinzufügen.
                Statt .auto-style mit Nummern würde ich "sprechende" Namen wählen.

                Gruß
                Ingo
                19.01.2022, 18:31
              • Sempervivum
                Antwort auf Mobile und Desktop-Version kombinieren
                Das hätte ich dazu schreiben sollen: Was Du da unerwünschter Weise siehst, ist CSS und gehört in die <style> Tags, also aus dem <body> löschen und dort hinzu fügen:
                Code:
                /* alles was darüber steht wie bisher */
                .auto-style8 {
                font-family: "Belwe Bd BT";
                ...
                19.01.2022, 17:23
              • Gnosius
                Antwort auf Mobile und Desktop-Version kombinieren
                Vielen Dank an alle, ich habe versucht, die Tipps mit meinen linken Händen umzusetzen.....

                Der Text beginnt jetzt so...:

                <!DOCTYPEhtml>
                <htmllang="de">
                <head>
                <metacharset="UTF-8">
                <metahttp-equiv="X-UA-Compatible"content="IE=edge">...
                19.01.2022, 17:07
              • Sempervivum
                Antwort auf Mobile und Desktop-Version kombinieren
                Du kannst auch die Orientierung, Hoch- oder Querformat mit einer Mediaquery abfragen:
                Code:
                @media (orientation: landscape) {
                    body { background-image: url(images/bg-landscape.jpg); }
                }
                @media (orientation: portrait) {
                    body { background-image: url(images/portrait.jpg);
                ...
                18.01.2022, 22:14
              • Comedix
                Gesucht: Newsletter Script
                Hallo,

                das Newsletterscript, das ich auf meiner Homepage verwende, ist in die Jahre gekommen. Ich muss/möchte den Webspace auf PHP 8.0 umstellen und deshalb werde ich mich von meinem alten PHP-Script verabschieden. Verwendet oder kennt jemand eine Newsletter-Software, die er/sie empfehlen...
                16.01.2022, 14:46
              Lädt...
              X