Make Karussell Tastenbeschriftungen Autoschieber mit Karussell

Question

gleitet Ich habe das folgende Karussell aufgebaut. Es wird automatisch mit der Data-Ride-Bootstrap-Funktion verschoben. Ich möchte, dass sich die Schaltflächenbeschriftungen ändern, wenn die Folien gescrollt werden. Kann jemand diese Funktionalität implementieren?

Answer 1

Ich löste dies, indem ich eine Funktion an die Slide-Bootstrap-Funktion binden.

Hier ist, wo ich meine Folie Beschriftungsfunktion an die Karussell-Bootstrap-Folie-Funktion gebunden.

Hier ist meine Folie Etiketten Funktion, die aktualisiert, welches Etikett aktiv ist.

slideLabels: function(carousel) { 
    var labelItems = $(carousel).closest('.btn-group-carousel').find('#ts-btn-toggles label'); 
    var labelItem; 
    for (var i = 0; i < labelItems.length; i++) { 
     labelItem = labelItems[i]; 
     if ($(labelItem).hasClass("active")) { 
      $(labelItem).removeClass("active"); 
      var start = labelItem; 
      var nextLabelItem = labelItems[($.inArray(start, labelItems) + 1) % labelItems.length]; 
      $(nextLabelItem).addClass("active"); 
      return false; 
     } 
    } 
}