Themabewertung:
  • 0 Bewertung(en) - 0 im Durchschnitt
  • 1
  • 2
  • 3
  • 4
  • 5
Source einer <img> Komponente mit JS verändern
#1
Hi, ich weiß gerade wirklcih nicht mehr weiter. 
Ich möchte mit einem Funktionsaufruf die Quelle eines Bildes verändern.
Das ist mein Code:
Code:
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>League Rank Overlay</title>
    <link rel="stylesheet" href="style2.css">
</head>
<body>
    <div id="rank-overlay">
       <div id="top-side">
        <div id="left-side">
            <div>
            <img id="icon" src="rank_icons/master.png", alt="Icon"></img>
            </div>
        </div>
            <div id="right-side">
                <div id="rank-text">
                    <div id="player-name"> Eliisboss </div>
                    <span id="rank-division">2</span>
                    <span id="rank-tier">Diamond</span>
                    <span id="rank-lp">54lp</span>
                </div>
            </div>
       </div>
        <div id="bottom-side">
            <div id="profile-link">
                <div>www.op.gg/summoners/euw/Eliisboss </div>
            </div>
        </div>
    </div>


    <!-- Einbindung des JavaScript am Ende des Body -->
    <script src="overlay.js"></script>
</body>
</html>

Code:
function updateOverlay(data) {
    document.getElementById("rank-tier").textContent = data.rank;
    document.getElementById("rank-division").textContent = data.division;
    document.getElementById("rank-lp").textContent = data.lp;
    document.getElementById("summoner-name").textContent = data.player;
    document.getElementById("profile-link").textContent = "www.op.gg/summoners/euw/" + data.summonerName;
    document.getElementById("icon").src = "rank_icons/Grandmaster.png";
    document.getElementById("player-name").textContent = data.player;

}

Weiß eventuell jemand, woran es liegt?
Danke!
Zitieren


Nachrichten in diesem Thema
Source einer <img> Komponente mit JS verändern - von stamp1t - 01.01.2024, 02:17

Gehe zu:


Benutzer, die gerade dieses Thema anschauen:
1 Gast/Gäste