改变bootstrap幻灯片效果

Question

我尝试更改自举幻灯片效果，我在Can the Twitter Bootstrap Carousel plugin fade in and out on slide transition

上找到答案

它有效，但如果我点击幻灯片底部的幻灯片导航，它就没有淡入淡出动画。这是我的项目实例： http://hanzoclothing.com/

到目前为止，我刚刚在css中应用了规则

.carousel .item {
    -webkit-transition: opacity 3s; 
    -moz-transition: opacity 3s; 
    -ms-transition: opacity 3s; 
    -o-transition: opacity 3s; 
    transition: opacity 3s;
}
.carousel .active.left {
    left:0;
    opacity:0;
    z-index:2;
}
.carousel .next {
    left:0;
    opacity:1;
    z-index:1;
}