Nach Swipen/Sliden Bild laden - jQuery

Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

  • Nach Swipen/Sliden Bild laden - jQuery

    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:

    Quellcode

    1. function loadData(data)
    2. {
    3. var temp = new Array();
    4. temp = data.split(',');
    5. $("#bild").attr('src', temp[0]); // In der "ausgabe.php" (s.u) werden Pfade in ein Array gespeichert und hiermit werden einzelne (!) Bilder dargestellt
    6. $("#bild").attr('src', temp[1]); // Überschreibt das 1.Bild. Das 2.Bild braucht man jedoch, um den Slider zu aktivieren
    7. slider = new Swipe(document.getElementById('magazine'), {
    8. callback: function(data) {
    9. x = slider.getPos();
    10. $("#bild").attr('src', temp[x]);
    11. }
    12. });
    13. }
    14. $.ajax(
    15. {
    16. type: "GET",
    17. url: "ausgabe.php",
    18. success: function(data) {
    19. loadData(data);
    20. }
    21. });
    Alles anzeigen

    Quellcode

    1. <div id="magazine" class="swipe">
    2. <div>
    3. <img id="bild" src="#" alt="">
    4. </div>
    5. </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!

    Surfer

    Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von Surfer ()