2009-06-28 6 views
2

Ich werde das Galleriffic jQuery-Plugin verwenden, um meine Bilder angezeigt werden (bitte bei Demo hier: http://www.twospy.com/galleriffic/advanced.htmlJQuery Bildgalerie mit Kategorien

Ich möchte Kategorien über der Galerie schließen, aber wenn jede Kategorie geklickt wird Ich möchte Ich möchte nicht, dass die Seite jedes Mal neu geladen wird, wenn eine Kategorie angeklickt wird, sondern ich möchte, dass sich nur der Galeriebereich ändert. Gibt es irgendwelche Vorschläge, wie ich das angehen soll? AJAX vielleicht? ähnlicher Code, den Sie verwendet haben?

+0

Eine weitere große Hilfe für diese Frage ist hier: http://www.dynamicdrive.com/dynamicindex17/ajaxcontent.htm –

Antwort

1

AJAX würde funktionieren.Sie haben einfach eine Methode, die den HTML-Code für den jeweiligen Galerie-DIV oder den Satz von Thumbs/Bildern zurückgibt, aus denen die Galerie besteht Vielleicht ist es einfacher, eine serverseitige Methode zu erstellen, um den HTML-Code der Galerie zu erzeugen, und ihn einfach wiederzuverwenden, um den HTML-Code für den AJAX-Aufruf zu generieren. Lassen Sie die Methode, mit der der neue HTML-Code abgerufen wird, das Gallery-Plug-in im HTML-Code erneut aufrufen, wenn der Rückruf abgeschlossen ist.

$('#category').change(function() { 
    $('div#gallery').load('/some/url/togeneratehtml', 
          { category : $(this).val() }, 
          function() { 
          $('div#gallery').gallerific(); 
          }); 
}); 
+1

Ja- dies ganz in der Nähe ist das, was ich suche. Was ist das: /application/gallery.php? Ich bin neu in der Verwendung von Javascript, also müssen Sie es vielleicht für mich dummen. So nehme ich Ihre Antwort wahr: Wenn auf das div "#category" geklickt wird, ändert sich das div "gallery" dynamisch, ohne dass das gesamte html neu geladen wird. Wenn ich dieses Skript in die Kopfzeile platziere, werde ich meine Ergebnisse erzielen. Ist das korrekt? –

+0

Das ist ein Platzhalter für die serverseitige URL. Es sollte den HTML-Code für das Galerie-Div erstellen. Schauen Sie sich die Dokumentation für die Ladefunktion an: http://docs.jquery.com/Ajax/load#urldatacallback – tvanfosson

+0

Ah, ich verstehe. Ich habe Probleme, die PHP-Funktion oder die URL zu finden, die die Galerie generiert. Es scheint, als ob die Galerie clientseitig generiert wird. Wie würde ich also Ihren Code mithilfe einer serverseitigen URL implementieren? Danke dir für all deine Hilfe –

Verwandte Themen