Nach Swipen/Sliden Bild laden - jQuery

Surfer81

Grünschnabel
Hallo Leute!

Ich komme bei einer Sache nicht wirklich weiter. Ich habe bereits ein jQuery-Code geschrieben, was nach dem Swipen/Sliden ein Bild bzw. das nächste Bild laden/anzeigen soll.

Damit SwipeJS funktioniert, braucht man am Anfang 2 Bilder.

Hier ist der bisherige Code:
Code:
function loadData(data) 
				{ 
					var temp = new Array(); 
					temp = data.split(','); 
 
					$("#bild").attr('src', temp[0]); // In der "ausgabe.php" (s.u) werden Pfade in ein Array gespeichert und hiermit werden einzelne (!) Bilder dargestellt 
                                        $("#bild").attr('src', temp[1]); // Überschreibt das 1.Bild. Das 2.Bild braucht man jedoch, um den Slider zu aktivieren
 
					slider = new Swipe(document.getElementById('magazine'), {			
						callback: function(data) {
							x = slider.getPos();
							$("#bild").attr('src', temp[x]); 
						}
					});
				} 
				$.ajax(
				{
					type: "GET",
					url: "ausgabe.php",
					success: function(data) {
						loadData(data);
					}
				});

HTML:
<div id="magazine" class="swipe">
	<div>
		<img id="bild" src="#" alt="">
	</div>
</div>

D.h. ich habe alle Pfade schon mal in der temp-Variable, die ich mit Index bzw. direkt ansprechen kann. Nur, wie kriege es hin, dass ich über all diese Bilder, die in temp-Variable sind swipen/sliden kann?

Für eure Hilfe wäre ich sehr dankbar!

Surfer81
 
Zurück