Mit javascript mein Bild nach paar Sekunden wechseln lassen -Wordpress

  • Hallo Liebe Community, ich möchte gerne das mein Bild auf meiner Startseite nach paar Sekunden einmalig ausgewechselt wird (ich möchte kein Slider ).


    Ich habe dazu diesen Code hier geschrieben der nicht funktioniert (JavaScript Anfänger).


    Code:

    <img src="https://www.grabmale-oberhausen.de/wp-content/uploads/news2.png" id="fullsize-img">


    <script>

    setTimeout(function(){

    let fullsize-img = document.getElementById('fullsize-img');

    fullsize-img = 'https://www.grabmale-oberhausen.de/wp-content/uploads/joergens_startseite.png';}, 1000);



    </script>


    Mein css dazu:

    <style>

    #fullsize-img {

    left: -5%;

    display:block;

    transition: 0.3s;

    }

    </style>


    Leider tut sich da nix und ich weiß nicht warum ?


    Zur Anmerkung: Meine Webseite ist auf WordPress.


    Vielen dank im voraus.


    LG Jakob

  • Da fehlt dir anscheinend nur eine Kleinigkeit: Du musst ja das src-Attribut in dem img-Tag umändern, also so:

    Code
    1. fullsize-img.src = 'https://www.grabmale-oberhausen.de/wp-content/uploads/joergens_startseite.png';}, 1000);

    BTW: Code besser formatiert einfügen, das Symbol </> rechts oben.

  • vielen dank für die schnelle Antwort, leider tut sich trotzdem nix. Könnte es sein das WordPress das JavaScript nicht erkennt.

  • Einen Fehler habe ich noch überlesen: In Variablennamen ist kein Minuszeichen erlaubt, weil das für die Subtraktion vorgesehen ist. Ändere den Namen so:

    Code
    1. setTimeout(function(){
    2. let fullsizeImg = document.getElementById('fullsize-img');
    3. fullsizeImg.src = 'https://www.grabmale-oberhausen.de/wp-content/uploads/joergens_startseite.png';
    4. }, 1000);