-5

5枚の写真/写真をアニメートするのはどれくらい簡単ですか?

例http://artyougrewupwith.com/

ここに画像の説明を入力

この効果を得るために使用するのに最適な言語は何ですか?

よろしく

お茶

4

2 に答える 2

1

アニメーション GIF (かなり古い技術) を実行するか、javascript を使用してタイマーを設定して画像ソースを切り替えることができます。JavaScript コードを使用することをお勧めします。以下にサンプルを示します。

var i=0;
var imageSrcs=['image1.png','image3.png','image3.png','image4.png','image5.png'];
var imageElement=document.getElementById('imageToAnimate');
setInterval(
   function(){
      imageElement.src=imageSrcs[i];
      i=(i+1)%(imageSrcs.length+1);
   },1000)//Every 1000 milliseconds

これは、配列内の画像を 1/sec の速度で循環し、最後に到達すると繰り返されます。

于 2012-11-01T15:05:05.410 に答える
0

これを行うには、少なくとも 2 つの方法があります (Flash は除きます)。

JavaScript:

現在、おそらく最も一般的な方法は、JavaScript を使用することでしょう。JavaScript の記述に慣れていない場合は特に、自分でゼロから記述するには時間がかかる場合があります。ただし、 jQueryのようなライブラリを使用しても問題ない場合は、まさにそれを行うプラグインがたくさんあります。

以下に一例を示します。

CSS

CSS3で追加された機能によってCSSがますます強力になり、それを使ってスライドショーを実現することも可能です. Smashing Magazine には、それを達成する方法に関する記事があります。これがどのように見えるかの例です。

このソリューションの欠点は、新しい CSS 機能に対するブラウザーのサポートが限られていることです。

于 2012-11-01T14:56:35.567 に答える