javascript - リンクがクリックされたときにブートストラップカルーセルを特定の場所に回転させる方法は？

Question

カルーセルに接続したい複数のテキストベースのリンクがあるので、誰かがリンクをクリックすると、カルーセルが対応するディスプレイに回転します。

さらに、カルーセルが現在そのリンクに付随するディスプレイに表示されている場合は、CSSを介してこれらのリンクの色が異なるようにします。

私はブートストラップに不慣れです、これはそれを使って作業するのは初めてです。どんな助けや提案もいただければ幸いです。

Answer 1

次のスキームを使用してみてください。

1. マークアップ

2. Javascript

   $("#Carousel").carousel({
       interval: 5000,
       pause: "hover"
   });
   
   $("#Carousel").bind("slid", function() {
       var a = $("#Carousel .item.active").index();
       $("#CarouselControls .carousel_control ").removeClass("active").eq(a).addClass("active")
   });
   
   $("#CarouselControls .carousel_control ").click(function() {
       var a = $(this).index();
       $("#CarouselControls .carousel_control ").removeClass("active").eq(a).addClass("active");
       $("#Carousel").carousel(a)
   })