Ergebnis 1 bis 5 von 5

Thema: Änderung des Hintergrund .img mit der Jquery .now Funktion

  1. #1
    Neuer Benutzer
    Registriert seit
    24.08.2018
    Beiträge
    3

    Änderung des Hintergrund .img mit der Jquery .now Funktion

    Moin!

    Ich habe mich an meinem ersten eigenen Jquery-Code probiert ... naja, und es läuft nicht.

    Ich möchte den Hintergrund meiner Homepage (.jpg) jeweils zur Tages- und Nachtzeit wechseln lassen, und habe dafür folgenden einfachen Code geschrieben:



    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

    <script>

    $(document).ready(function() {

    var time = .now;

    if time <= 7;

    $("#htmlhead").css("background-image","img/background2.jpg")

    else if time >= 7;

    $("#htmlhead").css("background-image","img/background.jpg")

    else time > 20;

    $("#htmlhead").css("background-image","img/background2.jpg")

    });

    </script>





    Kann mir jemand sagen wo mein Fehler liegt? Wäre echt super, Ihr kennt das ja, aller Anfang ist schwer...

    Sportlicher Gruß!

  2. #2
    Moderator
    Registriert seit
    04.05.2012
    Beiträge
    2.680
    Woher kommt den .now? Außerdem hat deine if statements keine Klammern, dass sollte syntax error werfen.
    Die Logik deines if statements habe ich mal vereinfacht:

    PHP-Code:
    $(function () {
      var 
    hours = new Date().getHours();

      if (
    hours <= || hours 20) {
        $(
    "#htmlhead").css("background-image","img/background2.jpg");
      } else {
        $(
    "#htmlhead").css("background-image","img/background.jpg");
      }
    }); 
    Pakete werden jetzt mit $_DHL geliefert... nicht mehr mit $_POST

  3. #3
    Neuer Benutzer
    Registriert seit
    24.08.2018
    Beiträge
    3
    Mahlzeit!

    Danke für die Hilfe.

    Ich denke Ich habe irgendwo was nicht verstanden, denn es klappt leider nicht.

    Ich hab einen Ordner mit dem Inhalt: "index.php" + einen Unterordner "img" mit den beiden Hintergründen sowie einen Ordner "Includes" für den Header und Footer.

    Meine Index.php sieht wie folgt aus (als Beispiel):

    ----------------------------------------------------------------------------------------------------------

    <!DOCTYPE html>
    <html id="htmlhead">

    <head>

    <link rel="stylesheet" type="text/css" href="style.css"/>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

    <script>

    $(function () {
    var hours = new Date().getHours();

    if (hours <= 7 || hours > 20) {
    $("#htmlhead").css("background-image","img/background2.jpg");
    } else {
    $("#htmlhead").css("background-image","img/background.jpg");
    }
    });

    </script>

    </head>

    <body>
    <header>
    <?php include("includes/header.php"); ?>
    </header>

    <main>

    </main>

    <footer>
    <?php include("includes/footer.php"); ?>
    </footer>
    </body>

    </html>

    -------------------------------------------------------------------------------------------------------------

    Die .css hat folgenden Inhalt:

    #htmlhead {
    background-image: url("img/background.jpg");





    Kann mir jemand sagen, warum die jQuery-Funktion nicht läuft?

    Ich hoffe Ihr verzeiht mir meinen, höchstwahrscheinlich, primitiven Fehler. Das ist, wie gesagt, meine erster Gehversuch...

    Sportlicher Gruß!

  4. #4
    Moderator
    Registriert seit
    04.05.2012
    Beiträge
    2.680
    Du musst mal die Seite mit der Konsole öffnen und gucken ob du Fehler hast, bzw. hast du einen Link wo man sich die Seite ansehen könnte?
    Pakete werden jetzt mit $_DHL geliefert... nicht mehr mit $_POST

  5. #5
    Neuer Benutzer
    Registriert seit
    24.08.2018
    Beiträge
    3
    Die Lösung lautet nun wie folgt:

    <script>
    $(function(){
    var hours = new Date().getHours();

    if (hours <= 7 || hours >= 20) {
    $('body').css("background-image","url('img/background2.jpg')");
    } else {
    $('body').css("background-image","url('img/background.jpg')");
    }
    });
    </script>

    Danke für die Hilfe!

Lesezeichen

Lesezeichen

Berechtigungen

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