ベストアンサー

画像にアニメーションＧＩＦを重ねたい・・・

2001/08/10 22:35

ホームページ上の画像（jpg）にＧＩＦアニメーションを重ねたいのですが、どのようにしたらよいのでしょうか。具体的には、地図の画像があり、その上に場所を示すため、点滅するボールのＧＩＦアニメーションを載せたいのです。使用しているものは、ウインドウズ、ページミル3.0、フォトショップ5.5です。素材サイトからボールのアニメーションはダウンロードしたのですが、どうにもうまく行きません。どうぞよろしくお願い致します。

singlemalt
お礼率100% (12/12)

みんなの回答 （3）
専門家の回答

質問者が選んだベストアンサー

ベストアンサー

sight
ベストアンサー率53% (199/370)

2001/08/10 23:33 回答No.2

一般的に、ダイナミックＨＴＭＬのレイヤー機能を用いるかとおもいます。これは、ＪＰＥＧの上に載せたいGIFの大きさのレイヤーを作って、その上にGIF画像をのせ、それをＨＴＭＬ上で置きたい場所に座標指定して表示します。ただ、IEとNN両方で通用するソースを書くのはちょっと長くなりますし、ページ制作ソフトを使っているとのことなので、直接のソース編集はやっていないと思います。ページミル3.0が、ダイナミックＨＴＭＬのレイヤーに対応しているならばその機能を探し出して使ってください。（DreamWaverなどが比較的こういった要素得意だったと思うのですが、ページミル3.0は一度も触ったことがないので分かりません・・・）また、その地図がGIFでも問題ないのならば、PhotoShopで全体をアニメーションGIFで作ってしまうというのも一つの手だとお思います。ImageReadyを使えば、画像のほんの一部分（要するにボールの範囲）だけをアニメーション化することもできると思いますので、アニメーションＧＩＦにしたからと言ってそれほどファイルサイズが大きくはならないと思います。

質問者

お礼 2001/08/11 16:19

早速のアドバイスをありがとうございます。そうですね、ImageReadyを使えばうまくいくかもしれませんね。早速試してみます。どうもありがとうございました。

その他の回答 (2)

ARC
ベストアンサー率46% (643/1383)

2001/08/11 07:16 回答No.3

スタイルシートを使えばいいかも。以下のような感じでHTMLを書いてみてください。下記のHTMLをそのまんまコピー＆ペーストして、ファイル名だけ変えたら、多分、正常に動きます。背景を(50,50)の座標(単位:ピクセル)に表示し、アニメーションGIFを(75,55)の座標に表示します。 IE4.0以降、Netscape4.0以降で表示可能なはずです。 ****ココカラ**** <!doctype html public "-//W3C//DTD HTML 4.0//EN"> <html lang="ja"> <head> <meta http-equiv="content-type" content="text/html; charset=Shift_JIS"> <title>test</title> </head> <body> ほげほげほげ <img src="Haikei.jpg" style="position:absolute; top:50px; left:50px"> <img src="Anime.gif" style="position:absolute; top:100px; left:100px">  もがもがもが もがもがもが もがもがもが ふごふごふご ふごふごふご </body> </html>

質問者