5

pngが一連のDIV（または1つのdiv）に読み込まれ、ボタンのクリックまたはスクロールに基づいてフレームごとにシーケンスされるという効果がますます見られます。私はコードを覗き見しようとしました、そして私はjavascriptが重労働をしていることを理解しています、しかし私はまだ少し迷っています、このテクニックに関するチュートリアルはありますか？例？

アニメーションの例（複数のdiv） http://atanaiplus.cz/index_en.html：

アニメーションの例（1 div）： http ://www.hyundai-veloster.eu/

スクロールアニメーションの例：http： //discover.store.sony.com/tablet/#design/ergonomics

4

2 に答える 2

9

setIntervalタイマーを使用してsrc属性を交換したいだけです

var myAnim = setInterval(function(){
  $(".myImageHolder").attr('src', nextImage);
}, 42);

秘訣は、を生成する方法ですnextImage。これは、画像の命名規則、またはアニメーションを実行する方向に大きく依存します

アップデート

またはプラグインを使用する

于 2012-03-12T15:31:10.553 に答える
1

おそらく、異なる画像を切り替える代わりに、この質問で説明されているスピリッティング手法を使用してください：javascriptを使用してPNG画像からアニメーション画像を表示するにはどうすればよいですか？[Gmailのように]

于 2012-03-12T15:36:15.177 に答える