ホ−ムペ−ジサンプル

表示画像を変化させるホームページのサンプルです。

     
       

 

 
地図のマークの上にマウスカーソルを持っていくと説明が表示されます。

 このホームページサンプルは、画像を分割した上で、指定時間毎に1枚ずつ切り替わる様にしたものです。
 10秒ほどすると上の画像が1枚ずつ違う写真に切り替わっていきます。

 

 画像を切り替える方法としては、Java Script等を使ってプログラムするのがオーソドックスだと思われますが、今回はあえてアニメーションGIFを使って作成してみました。
 Java Scriptを使った方式に比べますと、最初の画像データ転送時間がかかり、なおかつ画像フォーマットがGIFということで表現色に限りがありますが、Java Scriptを有効にしていないブラウザでも見れるというメリットがあります。