Bild in div via javascript verändern

[tylerendicott]

Hallo,

mein Vorhaben ist es, via javascript ein Bild in ein div container einzufügen.
Ich habe eine Reihe an Variablen, die jeweils ein anderes Bild anzeigen soll.

Ich hab mir überlegt, dass ich gegebene Variablen mit einer if Bedingung vergleiche und das dementsprechende Bild dann einfach zuordne.

Hier ist mein erster Gedankengang.

var wetterbedingung = parsed_json['current_observation']['weather'];
                   
        <script>
                    if(wetterbedingung = "Mostly Cloudy")
                        {
                            $('#bedingungen').text( //Bildausgabe );
                        }
                    else
                        {
                            $('#bedingungen').text( // Bildausgabe );
        </script>

<div id="bedingungen"></div>
                        }

Ich hoffe mich kann da jemand erleuchten :)

Gruß tyler

 

[scbawik]

Hallo,

mein Vorhaben ist es, via javascript ein Bild in ein div container einzufügen.
Ich habe eine Reihe an Variablen, die jeweils ein anderes Bild anzeigen soll.

Ich hab mir überlegt, dass ich gegebene Variablen mit einer if Bedingung vergleiche und das dementsprechende Bild dann einfach zuordne.

Hier ist mein erster Gedankengang.

var wetterbedingung = parsed_json['current_observation']['weather'];
                 
        <script>
                    if(wetterbedingung = "Mostly Cloudy")
                        {
                            $('#bedingungen').text( //Bildausgabe );
                        }
                    else
                        {
                            $('#bedingungen').text( // Bildausgabe );
        </script>

<div id="bedingungen"></div>
                        }

Ich hoffe mich kann da jemand erleuchten :)

Gruß tyler

Mit JS also wohl noch nie gearbeitet?
Dein Code hat mind. zwei schwerwiegende Fehler.

Zuweisung ("=") statt Vergleich ("==")
und
else-Statement nicht geschlossen.

Denke daher nicht dass du weit kommen wirst, hier dennoch ein Ansatz:

<img id="bild" src="" alt="">

$('#bild').attr('src', '/pfad/zum/bild.jpg');

Mal davon abgesehen dass man immer Klassen statt IDs verwenden sollte.