1

私はブートストラップカルーセルを使用しています。私のコードはこれです

    <div class="container">   
    <div id="carousel-1" class="carousel slide carousel-fade hidden-phone">
        <ol class="carousel-indicators">
            <li data-target="#carousel-1" data-slide-to="0" class="active"></li>
            <li data-target="#carousel-1" data-slide-to="1"></li>
            <li data-target="#carousel-1" data-slide-to="2"></li>
        </ol>
        <div class="carousel-inner">
            <div class="item slide-one active">
                <div class="container">
                    <img src="image/slider-main/one/guitar.png" alt="" />
                    <img src="/image/featured-one.jpg" alt="." />
                    <a href#">b</a>
                </div>
            </div>
            <div class="item slide-two"><a href="/cat/77/i-heart-love-bumper-stickers">a</a></div>
            <div class="item slide-three">c</div>
        </div>
        <a class="carousel-control left" href="#carousel-1" data-slide="prev">‹&lt;/a>
        <a class="carousel-control right" href="#carousel-1" data-slide="next">›&lt;/a>
    </div><!-- carousel -->
    <script>
        $('#carousel-1').carousel({
            interval:6000
        });
    </script>
</div>

親クラスがアクティブなときに、.container タグ内の画像とリンクに css トランジションを適用できるようにしたいと考えています。

基本的に、「スライド」がアクティブになったときにトランジションを持つスライダーを使用できるようにしたいと考えています。アクティブが削除されたときにトランジションを行うことができれば、それは素晴らしいことですが、必要ではありません。

ありがとう

4

0 に答える 0