Klick: Hintergrund Bild wechseln

[strukturart]

Hallo,

ich versuche mich gerade in einer kleinen Galerie(background-image).

Jedoch klappt das was nicht mit der der Pfadangaben der Bilder die in einem Array gespeichert
sind.

Nach dem klick auf den Button bekomme ich einen weissen Hintergrund die alert Ausgabe
zeigt mir aber den richtigen Dateinamen.

Was mache ich denn da falsch?

$(document).ready(function(){ 
	
	
 

			
var bg_img = new Array('img/test.jpg','Name2','Name3','Name4');			
			
var count = -1;	
 	
$(function(){

	$('#button_left').click(function(e){

		e.preventDefault();
		count++;
		alert (bg_img[count]);
		$('body').css("background-image", "url(bg_img[count])"); 
		

	});

});
 	
 	
 




});

 

[timestamp]

Ist denn der Pfad richtig? Liegen die Bilder im selben Ordner wie dein Script?
Zur Sicherheit kannst du ja mal absolute Pfade ins Array schreiben

 

[Sempervivum]

Hallo,
so wie Du es jetzt hast, lautet der Bildpfad url(bg_img[count]). Damit der Pfad aus dem Array eingesetzt wird, musst Du es so schreiben:

$('body').css("background-image", "url(" + bg_img[count] + ")");

 

[strukturart]

Hallo,

klappt leider beides nicht, wenn ich den Pfad direkt eingebe:

	$('body').css("background-image", "url(' img/test.jpg')");

klappt es, also stimmt irgendetwas bei der übergabe vom Array nicht.

 

[tombe]

Also so wie es dir Sempervinum oben geschrieben hat, klappt es sicher. Natürlich unter der Vorraussetzung das die Pfadangabe und der Dateiname korrekt ist.

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.pack.js"></script>
<script type="text/javascript">
$(document).ready(function(){

var bg_img = new Array('img/b1.jpg','img/b2.jpg','img/b3.jpg','img/b4.jpg');
var count = -1;

$('#button_left').click(function(e){

	e.preventDefault();
	count++;
	$('body').css("background-image", "url(" + bg_img[count] + ")");


});

});
</script>

Hier stehen jetzt halt meine Dateinamen drin, ändere diese und es muss klappen.

 

[strukturart]

Ja, danke jetzt klappt es

Unten hatte ich eine Klammer zuviel )}