Fehler beim Hintergrundändern!

Computer: Software & Programmierung JavaScript & Script-Sprachen
#1

Hallo,

ich hab folgendes Problem, und zwar möchte ich den Hintergrund eines DIV-Containers via JS ändern.
Dazu habe ich folgenden Quellcode geschrieben:

HTML
…
 
…

…
}

JavaScript
function ShirtColor(color) {
imageUrl = ‚…/images/colors/‘+color+’_front.jpg’;
document.getElementById(‚preview‘).style.backgroundImage=‚url(imageUrl)‘;
}

Das Problem ist, dass der Hintergund zwar geändert wird, allerdings ist er danach nur weiss, ohne neues Bild.

Ich denke ich mach einen Fehler beim URL!?

Bitte um Hilfestellungen.

Gruß Daniel

#2

Hallo,

ich hab folgendes Problem, und zwar möchte ich den Hintergrund
eines DIV-Containers via JS ändern.
Dazu habe ich folgenden Quellcode geschrieben:

HTML
…

…

…
}

JavaScript
function ShirtColor(color) {
imageUrl = ‚…/images/colors/‘+color+’_front.jpg’;
document.getElementById(‚preview‘).style.backgroundImage=‚url(imageUrl)‘;
}

Das Problem ist, dass der Hintergund zwar geändert wird,
allerdings ist er danach nur weiss, ohne neues Bild.

Ich denke ich mach einen Fehler beim URL!?

dann mach halt die beiden punkte: imageUrl = '…/images/ raus :smile: wenn

#3

Ist nicht das Problem, aber danke!

#4

Was hier nicht zu sehen ist, ist die Größe des div. Die ist ja, wenn es keine weiteren Definitionen gibt … nunja, sagen mir „enorm klein“ :smile:

Ansonsten lass Dir per JavaScript halt anzeigen, was vorher als Hintergrundbild drin steht, und was hinterher, wenn Du was anderes reingeschrieben hast.

Hast Du die JavaScript-Konsole bemüht, um Fehler aufzuzeigen?

Gruß,
-Efchen

#5

Ist nicht das Problem, aber danke!

function ShirtColor(color) {
imageUrl = ‚…/images/colors/‘+color+’_front.jpg’;
document.getElementById(‚preview‘).style.backgroundImage=‚url(imageUrl)‘;
}

na dann aendere halt:
.backgroundImage=‚url(imageUrl)‘
in
.backgroundImage=‚url(‘+imageUrl+’)’
so das die variable auch uebergeben wird.

oder schalte livehttp headers an, um zu pruefen welche datei der brwoser anfordert.

#6

Lösung: Fehler beim Hintergrundändern!
Lösung

JavaScript

function ShirtColor(color) {
imageUrl = ‚…/images/colors/‘+color+’_front.jpg’;
document.getElementById(‚preview‘).style.backgroundImage=‚url( '+ imageUrl +’ )‘;
}