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

解決済

質問者：singlemalt
質問日時：2001/08/10 22:35
回答数：3件

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

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (3件)

ベストアンサー優先
最新から表示
回答順に表示

No.2ベストアンサー

回答者： sight
回答日時：2001/08/10 23:33

一般的に、ダイナミックＨＴＭＬのレイヤー機能を用いるかとおもいます。

これは、ＪＰＥＧの上に載せたいGIFの大きさのレイヤーを作って、その上にGIF画像をのせ、それをＨＴＭＬ上で置きたい場所に座標指定して表示します。
ただ、IEとNN両方で通用するソースを書くのはちょっと長くなりますし、ページ制作ソフトを使っているとのことなので、直接のソース編集はやっていないと思います。
ページミル3.0が、ダイナミックＨＴＭＬのレイヤーに対応しているならばその機能を探し出して使ってください。（DreamWaverなどが比較的こういった要素得意だったと思うのですが、ページミル3.0は一度も触ったことがないので分かりません・・・）

また、その地図がGIFでも問題ないのならば、PhotoShopで全体をアニメーションGIFで作ってしまうというのも一つの手だとお思います。ImageReadyを使えば、画像のほんの一部分（要するにボールの範囲）だけをアニメーション化することもできると思いますので、アニメーションＧＩＦにしたからと言ってそれほどファイルサイズが大きくはならないと思います。

- 0
- 件

通報する

この回答へのお礼

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

通報する

お礼日時：2001/08/11 16:19

No.3

回答者： ARC
回答日時：2001/08/11 07:16

スタイルシートを使えばいいかも。

以下のような感じで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>