Ankündigung

Einklappen
Keine Ankündigung bisher.

Preloader

Einklappen

Neue Werbung 2019

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

  • Preloader

    Hi,

    habe einen Preloader programmiert...
    aber irgendwie funktioniert der Code nicht...
    Stehe grade auf dem Schlauch...


    HTML-Code:
    <script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.3.1.min.js"></script>
    
    <style>
    
        .content {display:none;}
        .preload { 
            width:100px;
            height: 100px;
            position: fixed;
            top: 50%;
            left: 50%;
        }
    
    </style>
    
    <div class="preload">
        <img src="http://i.imgur.com/KUJoe.gif">
    </div>
    
    <div class="content">
        Content
    </div>
    
    <script>
    
        $(function() {
            $(".preload").fadeOut(2000, function() {
                $(".content").fadeIn(1000);        
            });
        });​ 
    
    </script>

  • #2
    Funktioniert nicht ist keine brauchbare Fehlerbeschreibung.

    Ausserdem ist das JavaScript und nicht PHP.

    Kommentar


    • #3
      Du hast irgendwelche Schrott-Zeichen hinter dem letzten Semikolon. Sieht man in der Konsole des Browsers.
      sorry, shift-taste kaputt

      Kommentar


      • #4
        Weiso ist .content display none ?
        Und was bringt Dir das Ganze ?

        Kommentar


        • #5
          Danke

          Kommentar


          • #6
            Zitat von DKSystem Beitrag anzeigen
            Danke für die konstruktive Hilfe...
            (..)
            hättest Du #3 mal umgesetzt, ABER NEIN.

            This works:
            HTML-Code:
            <script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.3.1.min.js"></script>
            
            <style>
            
                .content {display:none;}
                .preload {
                    width:100px;
                    height: 100px;
                    position: fixed;
                    top: 50%;
                    left: 50%;
                }
            
            </style>
            
            <div class="preload">
                <img src="http://i.imgur.com/KUJoe.gif">
            </div>
            
            <div class="content">
                Content
            </div>
            
            <script>
            
                $(function() {
                    $(".preload").fadeOut(2000, function() {
                        $(".content").fadeIn(1000);        
                    });
                });
            
            </script>

            Kommentar


            • #7
              Vielen Dank für deine Unterstützung...

              Kommentar


              • #8
                Zitat von DKSystem Beitrag anzeigen
                Vielen Dank für deine Unterstützung...
                Heisst?
                kein c&p gemacht, nicht gesehen was eigentlich falsch lief und der Spruch soll irgendeine Form der Iro nie sein?

                Kommentar

                Lädt...
                X