0

サイトを開いたときに1つずつ表示したい画像（タイル）のあるdivがたくさんあります。jQuery Cycle Pluginは、以下を使用してこれをサポートします。

$('#slideshow img:first').fadeIn(1000, function() {
    $('#slideshow').cycle();
});

これは問題なく動作しますが、jQueryとJS全般について十分に理解していないため、このアニメーションで自分で調整できない調整が必要です。私はofcoarseを試しましたが、すべての努力が失敗しました。

私が欲しいのは：

  • 画像は1枚ずつ表示する必要があります。私の知る限り、このプラグインには「一時停止」オプションはありません。アニメーションが開始する前に数ミリ秒保持できるようにするオプションはありますか？

  • 上記のコードは画像をフェードインしますが、ズームイン/フェードインしたいと思います。つまり、タイルが飛び出しているように見えます。

前もって感謝します！

4

1 に答える 1

0

アップデート

jquery 遅延を使用してそれを実現できます。

$('#slideshow').cycle({fx:'fadeZoom'}).pause().delay(5000).resume();

元の回答

プラグインには、説明しているように見えるすべてのオプションがあります。

ここでオプションを参照するには：http://jquery.malsup.com/cycle/options.html

$('#slideshow').cycle({fx: 'fadeZoom', delay: 1000});あなたが呼びたいものです。fx はアニメーションを定義し、遅延はサイクルの開始を遅らせます。

すべてのアニメーションのリストは次のとおりです: http://jquery.malsup.com/cycle/browser.html

于 2012-05-18T13:00:17.710 に答える