4

CarouFredSel jQuery プラグイン ( http://caroufredsel.dev7studios.com ) を使用して、サイトにアニメーションのカルーセルを作成しています。ただし、アニメーションが正しくないことに気付きました。(コード化した設定と比較して)アニメーションが大きすぎて、アニメーションの最後に正しい位置にジャンプします。

バグが発生するページは次のとおりです: http://mnogal.pl/kopernik/html/strona_glowna.html - テキストは常に中央にある必要があり、アニメーションは次のテキストを中央に配置するために移動する必要があります。

現時点では、PIC 1 - TEXT - PIC 2 - TEXT - PIC 1 などのように設定されているため、各アニメーションの後に 2 つの画像の位置を交互にする必要があります。

アニメーションの後に正しいものを表示することになります。アニメーションが行き過ぎて、終了する前にジャンプしているだけです。

側でデモをチェックしましたが、そのようなことは何も起こりません。私のコードも正しいようで、異常なことは何もありません:

$("#carousel .overview").carouFredSel({
    height: 507,
    items: {
          visible: 3,
    },
    scroll: {
        items: 2,
        duration: 3000
    },
    auto: 6000
});

誰でも助けることができますか？私はこれを理解することはできません。

4

3 に答える 3

7

サーバー上に scripts.js (http://mnogal.pl/kopernik/html/js/scripts.js) はありません。これが生成するエラーにより、他の JavaScript が実行できなくなります。最初にそれを修正してください！

于 2012-10-29T15:17:07.430 に答える
2

Twitter Bootstrap をお勧めします。

下部の例: http://twitter.github.com/bootstrap

カルーセルの例: http://twitter.github.com/bootstrap/examples/carousel.html

カルーセル コード: http://twitter.github.com/bootstrap/javascript.html#carousel

于 2012-11-02T17:00:59.927 に答える
0

これを試してみてください：http：//jsfiddle.net/mW5Y9/2/。@MichaelCalkinsの意味のライブデモ。 

<div id="myCarousel" class="carousel slide" data-interval="your_interval_in_secs">
  <!-- Carousel items -->
  <div class="carousel-inner">
    <div class="active item">…&lt;/div>
    <div class="item">…&lt;/div>
    <div class="item">…&lt;/div>
  </div>
  <!-- Carousel nav -->
  <a class="carousel-control left" href="#myCarousel" data-slide="prev">&lsaquo;</a>
  <a class="carousel-control right" href="#myCarousel" data-slide="next">&rsaquo;</a>
</div>
于 2012-11-02T23:02:28.443 に答える