Gallery durchblätter mit AJAX

Dieses Thema im Forum "Webentwicklung" wurde erstellt von Mirak, 13. September 2013 .

Schlagworte:
  1. 13. September 2013
    Hey Leute

    Ich habe ein kleine Gallery mit unterschiedlich vielen Bildern pro Event. Bis jetzt habe ich per URL angeben, auf welcher Seite ich gerade bin und danach unter dem Bild meine Pfeile angezeigt. Also also mit $_GET['seite'] und danach habe ich auch das LIMIT der mySQL-Abfrage immer auf das nächste Bild begrenzt.

    Jetzt habe ich das ganz etwas dynamischer per AJAX gelöst. Allerdings habe ich hier das Problem, dass ich sich die URL ja nicht ändert und ich deswegen nicht per $_GET abfragen kann, auf welcher Seite ich gerade bin.

    Ich habe es eig. genau so gelöst: Tryit Editor v1.9

    Ein einfacher AJAX Request an eine zweite Seite, der mit denn in den Inhalt der zweiten wiedergibt.

    Bis jetzt habe ich für jede Bild eines Events einen eigenen Button, der die Paramter der AJAX Anfrage ändert und so auf der zweiten Seite das LIMIT der mySQL-Abfrage anpasst.

    Das ist aber doof, weil 20 Buttons sehen einfach aus :/

    Weiß einer, wie ich das am besten lösen kann?

    Danke, Gruß Flo
     
  2. 13. September 2013
    Zuletzt bearbeitet: 13. September 2013
    AW: Gallery durchblätter mit AJAX

    VLl bin ich alleine aber ich verstehe dein Problem nicht 100%

    Was genau soll das JS den machen?
    Wenn ein Event durch ist aufs nächste?

    Das könntest du durch ein input hidden feld lösen oder durch eine Session Variable in PHP oder eine Variabel in JS um mal die einfachsten und wahrscheinlich sinnvollsten Varianten zu nennen. Das Hiddenfeld müsstest du dann halt immer über .val() manipulieren mit JS/Jquery was auch immer du nutzt.
     
    1 Person gefällt das.
  3. 13. September 2013
    AW: Gallery durchblätter mit AJAX

    Im Grunde musst du nur in einer Variable in Javascript festhalten auf welcher Seite der Besucher gerade ist.

    Code:
    var site = 1; // Eintrittsseite
    Erhöhe den Wert beim klick auf den "Weiter" pfeil und nutze den neuen Wert für die Abfrage

    Code:
    "gallery.php?event=example&site="+site

    P.s.: Du kannst die URL in der Adresszeile ändern ohne das die Seite wirklich geladen wird mit der "[G]javascript history api[/G]"
     
  4. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.