Gibt es ein gutes JavaScript- oder jQuery-Bildkarussell, das 5 Bilder anzeigt, und wenn es mehr gibt, kann der Benutzer auf "Weiter" klicken und die folgenden Bildquellen und Link-URLs werden über AJAX geladen?
Es ist sehr gut möglich, dass es Tausende von Bildern gibt, und jeder verlinkt auf eine Webseite, die diesem Bild gewidmet ist, also brauche ich im Grunde ein Bildkarussell, das effizient damit umgehen kann.
Ich denke, das JQuery-Cycle-Plugin wird Ihnen 50% des Weges dorthin bringen. Diese Einrichtung ist ziemlich einfach zu bedienen und ich denke, dass Sie die "Klick-zu-mehr" -Bilderfunktionalität erhalten werden, die Sie suchen (mit einigen hübschen Übergangseffekten).
Ich habe jedoch nur das Plugin mit allen auf der Seite definierten Bildern verwendet. In meinem Fall habe ich eine "Diashow" gemacht, um die Verwendung einer Anwendung zu demonstrieren. Der HTML-Code war ziemlich einfach ...
%Vor%Das zugehörige JavaScript ist ...
%Vor%(Klicken Sie hier , um den Effekt zu sehen.)
Was die zusätzliche Herausforderung anbelangt, neue Bilder zu laden, wenn der Benutzer etwas mehr holen möchte, dann denke ich, dass es nur darum geht, den Code hinter dem Link "Weiter" in meinem Beispiel zu erweitern. Ihr Code führt einen JQuery AJAX Aufruf durch, um die nächsten Bilder zu erhalten und sie dann der Diashow div.
Schließlich bleibt die Funktion, auf das Bild zu klicken, um zur Site zu gelangen. Sie können versuchen, die Diashow img -Tags in die entsprechenden a -Tags einzufügen. Wenn das Zyklus-Plugin nicht mit den a -Tags wiedergegeben wird, sollten die onclick -Ereignishandler auf den Bildern die Aufgabe erledigen.
Sie können jQuery Tools 'Scrollable als Schieberegler und Verknüpfung verwenden a $get() rufe den 'next' Button auf.
Hier ist eine Demo: Ссылка (Beachten Sie die Schaltfläche "Hinzufügen").
In dieser Demo wird nur ein div geklont und angehängt. Sie könnten dasselbe tun, wenn Sie auf "Weiter" klicken, aber Inhalt von woanders laden.
Ich habe jShowOff für ein Projekt verwendet.
Vorteile:
Problem
Ich habe ein Beispiel dafür, wie ich es hier verwende: Ссылка (die Links können so geändert werden, dass sie nur prev / next anzeigen).
Ich werde für ein bisschen herum graben und sehen, ob ich eine AJAX-Lösung dafür finden kann.
Tags und Links javascript jquery-plugins carousel jcarousel jcarousellite