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:
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
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