【问题标题】:How to rotate Bootstrap carousel to a specific spot when link clicked?单击链接时如何将引导轮播旋转到特定位置?
【发布时间】:2012-08-28 18:12:22
【问题描述】:

我有多个基于文本的链接,我想连接到轮播中,这样如果有人点击链接,它就会将轮播旋转到相应的显示。

此外,如果轮播当前在与该链接一起显示的显示器上,我想通过 CSS 使这些链接具有不同的颜色。

我是 bootstrap 新手,这是我第一次尝试使用它。任何帮助或建议将不胜感激。

【问题讨论】:

    标签: javascript css hyperlink twitter-bootstrap carousel


    【解决方案1】:

    尝试使用下一个方案:

    1. Markup

    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)
      })
      

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2012-11-25
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2011-11-02
      • 2014-08-22
      • 1970-01-01
      相关资源
      最近更新 更多