jquery动画cloud9传送带添加活动类

Question

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

Answer 1

您可以添加“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'); 
     } 

Answer 2

由于大众需求，为2.2.0版本，通过frontItemClass财产automatically tags提供您所选择的类名最前面的项目：

var carousel = $("#carousel") 

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

对于JS Bin的生活demo。