0

bootstrap-carousel.jsの carousel-caption にアニメーション効果を追加したいと思います。スライドの変更時に carousel-caption 要素をアニメーション化する方法の例を次に示します

http://jsfiddle.net/TuDWV/ (スライドの変更に必要な効果を実行をクリックします)

これは、carousel-caption div クラス内の h1、p および href タグにその効果が必要な実際のカルーセルです。http://jsfiddle.net/ww67B/

    <div class="carousel-caption">
      <h1>Example headline.</h1>
      <p class="lead">Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
      <a class="btn btn-large btn-primary" href="#">Sign up today</a>
    </div>

スライドまたはスライドオプションを使用して実装しようとしましたが、要素を移動しません:

$('#myCarousel').bind('slid', function() {
    $(".carousel-caption h1").animate(
            {"left": "+=400px"},
            "slow");    
});

よろしくお願いします

4

1 に答える 1

0 
$('#myCarousel').bind('slid', function() {
    $(".carousel-caption h1").animate(
            {"left": "+=400px"},
            "slow");    
});

上記はうまく機能します。位置を設定する必要がありました。アニメーション化する必要があるすべての要素に対して絶対です。

于 2012-12-12T21:31:58.193 に答える