14

ブートストラップ 3 カルーセルのスライド効果をフェードイン/フェードアウトに変更しようとしていました。ここにある指示に従いました Twitter Bootstrap Carouselプラグインはスライド遷移でフェードインおよびフェードアウトできますか

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

私のリンク例はこのページの最後にあります。作成中ですが、問題は前のボタンが完全に機能していないことです。解決策はbootstrap2に最適である可能性があります。私はbootstrap3を使用しています。前進 ご協力ありがとうございます。私はここにいるのは初めてです。下手な英語で申し訳ありません。愚かな質問をした場合は!

https://dl.dropboxusercontent.com/u/35758776/xenxbd/contrastic/index.html#parallux-wrapper-04

4

2 に答える 2

1

カルーセルにクラス「.carousel-fade」を追加します。CSS:

.carousel-fade .active.left {
        left:0;
        opacity:0;
        -webkit-transition: opacity 1s; /*time < to $.carousel.interval setup */
        -moz-transition: opacity 1s; 
        -ms-transition: opacity1s; 
        -o-transition: opacity 1s; 
        transition: opacity  1s;
        z-index:2;

}

.carousel-fade .next {

    left:0;
    opacity:1;
    z-index:1;

}
于 2016-02-06T12:50:34.970 に答える