Jquery Animationクラウド9カルーセルアクティブクラスを追加

Question

ここで私はhttp://specious.github.io/cloud9carousel/スライダーを使用しています 画像が正面に回転するときにアクティブクラスを追加したいと思います。あなたが追加することができます

Answer 1

は、私はそれを使用して、バージョン2.2.0のように、原因の人気の需要に私のために

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

作業、frontItemClassプロパティを経由してお好みのクラス名を提供するコールバック関数 を「onRendered」automatically tags最前面の項目：

var carousel = $("#carousel") 

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

Live demo on JS Bin