Ich verwende ein Twitter-Bootstrap-Karussell auf meiner Website, um eine Reihe von Bildern anzuzeigen. Ich frage mich, ob es möglich ist, einen Link zu einer bestimmten Folie im Karussell zu verknüpfen. Von 10 Folien kann ein Benutzer auf einen Link klicken, um direkt zu Folie 5 von einem href-Link zu gelangen.
Ist das mit einem Bootstrap-Karussell möglich oder rufe ich den falschen Baum an?
BEARBEITEN
Hi, also habe ich zu meinem Javascript unter document.ready Funktion folgendes hinzugefügt.
Wenn Sie jedoch die URL www.example.com/models.php/5 eingeben, wird nichts unternommen.
Mache ich etwas falsch?
Sie können dafür das Attribut data-slide-to verwenden, das 0-basierte Indizes akzeptiert Foliennummer.
Verwenden Sie Datenattribute, um die Position des Karussells einfach zu steuern.
data-slideakzeptiert die Schlüsselwörterprevodernext, wodurch die Position der Folie relativ zur aktuellen Position geändert wird. Alternativ verwenden Siedata-slide-to, um einen unformatierten Folienindex an das Karusselldata-slide-to="2"zu übergeben, wodurch die Folienposition auf einen bestimmten Index verschoben wird, der mit0beginnt.
Fügen Sie Ihrem Anker einfach ein Attribut hinzu, und los gehts.
%Vor%Danke an Cawas Kommentar zu dieser Antwort und Jonas's Antwort zu dieser Frage .
Sie müssen die Funktion .carousel(number) verwenden.
.karussell (Nummer)
Verschiebt das Karussell in einen bestimmten Frame (0 basierend, ähnlich wie bei einem Array).
Sehen Sie sich die Bootstrap-Dokumente an.
Um genauer zu sein;
Erstellen Sie eine JavaScript-Funktion, die aufgerufen werden soll. Sie sollte folgendermaßen aussehen:
%Vor%Und fügen Sie dann einfach ein onClick-Ereignis zu Ihrem Link hinzu.
%Vor% Der Quelllink ist www.example.com/models.php/4
Sie könnten die URL auf document.ready überprüfen, und wenn sich am Ende der URL Daten befinden, rufen Sie einfach Ihre goToSlide-Funktion auf.
Ich glaube, Sie suchen nach Ссылка
Verwenden Sie Datenattribute, um die Position des Karussells einfach zu steuern.
data-slideakzeptiert die Schlüsselwörterprevodernext, wodurch die Position der Folie relativ zur aktuellen Position geändert wird. Alternativ verwenden Siedata-slide-to, um einen unformatierten Folienindex an das Karusselldata-slide-to="2"zu übergeben, wodurch die Folienposition auf einen bestimmten Index verschoben wird, der mit0beginnt.
Nach Seçkins Antwort musste ich zwei kleine String-Operationen ausführen, um meine slide -String nutzbar zu machen. Diese beiden Mods lassen die Funktion goToSlide korrekt externe Links analysieren.
Entfernen Sie den Schrägstrich von der URL. (Der Webserver meiner Website fügt den Schrägstrich ein.)
%Vor%In eine Ganzzahl konvertieren
%Vor%Es hat danach gut funktioniert.
%Vor%Tags und Links javascript jquery twitter-bootstrap