jquery - Jquery Animation cloud9轮播添加活动类

Question

在这里，我使用http://specious.github.io/cloud9carousel/滑块，我想在图像在正面旋转时添加活动类。

Answer 1

由于受欢迎的需求，从 2.2.0 版开始，通过frontItemClass属性提供您选择的类名会自动标记最前面的项目：

var carousel = $("#carousel")

carousel.Cloud9Carousel({
  // ...
  frontItemClass: "active"
})

JS Bin 上的现场演示。

Answer 2

您可以添加我使用的“onRendered”回调函数并为我工作

var showcase = $("#showcase")
var card = $("#showcase .card")
showcase.Cloud9Carousel( {
        yOrigin: 42,
        yRadius: 40,
        itemClass: "card",
        buttonLeft: $(".nav2.prev"),
        buttonRight: $(".nav2.next"),
        bringToFront: true,
        onRendered: showcaseUpdated,
        onLoaded: function() {
          showcase.css( 'visibility', 'visible' )
          showcase.css( 'display', 'none' )
          showcase.fadeIn( 1500 )
        }
      } )
      function showcaseUpdated( showcase ) {
        $(card).removeClass('active');
        var index = showcase.nearestIndex();
        $(showcase.items[index].element).addClass('active');
      }