Fügen Sie Navigationsschaltflächen mit Highlight zu jQuery Cycle

Question

hinzu Ich verwende derzeit jQuery-Zyklus, um vorgestellte Projekte anzuzeigen. Ich habe derzeit die nächsten und vorherigen Tasten Setup, ich habe auch vier abgerundete Tasten dazwischen. Ich möchte, dass sie sowohl als Link zur entsprechenden Folie fungieren als auch eine Klasse zu der Schaltfläche hinzufügen, deren Folie gerade aktiv ist. Ich habe das Nav-Setup und das aktive Klassen-Setup Ich brauche nur die jQuery.

Sie können den Code bei http://jjnold.com/dev im Hauptschieberegler an der Spitze sehen.

Ich dachte, es ist wahrscheinlich so etwas, um die Klasse zuweisen, aber ich bin mir nicht sicher, wie Sie auf die entsprechende Folie verknüpfen und sie zusammen arbeiten lassen. Jede Hilfe wird sehr geschätzt.

Answer 1

Das Zyklus-Plugin unterstützt eine Pager-Option für den Aufbau Ihres Pagers (d. H. Die Punkte zwischen den Pfeilen). Es gibt ein einfaches Beispiel im zweiten Abschnitt dieses:

http://jquery.malsup.com/cycle/int2.html

glaube ich Ihnen die pagerAnchorBuilder Option würde mit einem Rückruf zu schaffen, für den Aufbau der einzelnen Pager Elemente, so dass Sie Ihre Punkte verwenden könnte . Es gibt mehrere andere pager options, also sollten Sie in der Lage sein, dies zu verdrahten, ohne sich damit zu beschäftigen, selbst Klassen hinzuzufügen oder zu entfernen.

Es scheint keinen Befehl für "gehe zu Folie N" zu geben, also müssen Sie durch die eingebaute Pagerunterstützung des Zyklus gehen.

Es gibt verschiedene andere Pager Beispiele hier:

http://jquery.malsup.com/cycle/more.html?v2.23