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
    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.

    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
    setTimeout(function(){
    let fullsizeImg = document.getElementById('fullsize-img');
    fullsizeImg.src = 'https://www.grabmale-oberhausen.de/wp-content/uploads/joergens_startseite.png';
}, 1000);

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!

Benutzerkonto erstellen Anmelden