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

このQ&Aに関連する最新のQ&A

A 回答 (3件)

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


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

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

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

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

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



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

<p>
<img src="Haikei.jpg" style="position:absolute; top:50px; left:50px">
<img src="Anime.gif" style="position:absolute; top:100px; left:100px">
</p>

<p style="margin-top:510px"><!--画像の高さの分だけ位置をずらす-->
もがもがもが<br/>
もがもがもが<br/>
もがもがもが<br/>
</p>
<p>
ふごふごふご<br/>
ふごふごふご<br/>
</p>

</body>
</html>
    • good
    • 0
この回答へのお礼

早速のご回答ありがとうございます。
本来ならソースをきちんと理解してやるべきなのでしょうが、私はまだ理解不足で作成ソフトでやっています。
まず先にアドバイス頂きました方法でやってみて、うまくいかなかったら挑戦してみます。
ご丁寧にどうもありがとうございました。

お礼日時:2001/08/11 16:23

地図の画像を、指し示したい地点の数だけ



■■■■
■■■■
■■■■

のように分割します。
そしてそれらをテーブルに組み、各セルの背景(BACKGROUND)として表示させます。
さらに各セルにIMGタグでアニメーションGIFを重ねればOKです。
    • good
    • 0
この回答へのお礼

早速のアドバイスをありがとうございます。
なんとなく私でもできそうな感じなので試してみます。
どうもありがとうございました。

お礼日時:2001/08/11 16:17

このQ&Aに関連する人気のQ&A

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aを見た人が検索しているワード

このQ&Aと関連する良く見られている質問

Q添付画像のファイルはどんな状態のファイルなのでしょうか?クリってもエラ

添付画像のファイルはどんな状態のファイルなのでしょうか?クリってもエラーしか出た事がないのですが

Aベストアンサー

他の回答者様の記入通り、拡張子が無い事には判断出来ません。
また、クリックしてもエラーとありますが、webから探すとか出ませんか?
憶測ですが、多分質問者様のPCにこのファイルを開くアプリケーションが
インストールされていないのではないかな?って思います。
参考までに
よくありがちなのは、XPで作ったエクセルファイル等(逆だったかな^^;)を
ビスタのPCで見ると似たようなアイコンになります。
オフィスの互換パックをインストールすると見れます。

QアニメーションGIFの保存方法

ホームページの素材コーナーなどに置いてあるアニメーションGIFは、どのように保存すればいいのでしょうか?普通に「画像を保存」で保存すると、ワンカットだけになってしまうので、使えずに困っています。教えて下さい。

Aベストアンサー

>普通に「画像を保存」で保存すると、ワンカットだけになってしまう
そんなことはないと思いますよ。その画像を何で開いて見ていますか?フォトエディターやペイントなどではたしかにワンカットしか見えません。しかし、それをIEで開いてみてください。動いているはずですが。

Q右クリで画像保存が出ない!

画像を取りたくて矢印を画像に置くと!手のマークに代わり!右クリができなくなりました。
どうしたらよいのでしょうか?

Aベストアンサー

最近のサイトでは著作権の問題もあり、勝手に保存ができないように右クリックができないように設定しいるところが多くなっているであります。法律に抵触する場合もあるであります。

方法としては、色々あるでありますが、ただ見えてる画像が欲しいのであれば、プリントスクリーンでPC画面全体をコピーして、ペイントソフトにペースト、余分な部分を削除して保存すればいいと思うであります。

プリントスクリーンはググってほしいであります。

QIEでアニメーションgifが動かない

Netscapeで動くアニメーション画像がIEでは静止したままです。どうすれば動くようになるか教えてください。
http://ameblo.jp/happy8/

Aベストアンサー

インターネットオプション→詳細設定→Webページのアニメーションを再生するのチェックが外れていませんか。

Q 友近さんの画像を探しています。本当にいい人で、美人で、セクシーだと思

 友近さんの画像を探しています。本当にいい人で、美人で、セクシーだと思います。着衣・水着・スカート、なんでもOKです(あまり小さいサイズじゃない方がよいです)。どうぞよろしくお願いします。

Aベストアンサー

こちらに数点ありました。
http://bsearch.goo.ne.jp/image.php?UI=web&TAB=web&STYPE=0&CC=1&SCRDEF=0&IMGST=0&IMGSZ=0&IMGC=3&IMGFT=0&IMGFT=1&IMGFT=2&IMGFT=3&MOVPT=0&MOVFT=0&MOVFT=1&MOVFT=2&MOVFT=3&AUDPT=0&NSDP=1&KWDP=1&DC=20&FR=1&SM=mc&OCR=1&SITE=&SITE2=&SITE3=&SITE4=&SITE5=&SITEH=&AUDST=0&AUDMST=0&MOVTHN=0&QGR=1&MOVSC=0&NOJSB=0&QGA=1&NOJS=0&AUDSITE=0&MT=%CD%A7%B6%E1&button=%B2%E8%C1%FC%B8%A1%BA%F7
画像を使用される場合は自己責任でお願いします。

QアニメーションGIF素材の無料素材集サイトを教えて下さい。

アニメーションGIFの無料素材がダウンロードできるホームページを教えて下さい。

特に、犬とか猫の動物素材があるとうれしいです。

windows用です。

よろしくお願いします。

Aベストアンサー

動物素材、猫素材、犬素材などで検索すると色々出てきますよ。
あと、
動物素材を配布している素材屋さんのランキングです。
http://www.sozaiyasan.com/cgi-bin/ani/ranklink.cgi
個人的に好きな素材サーチサイトは
http://www.sozai-r.jp/

http://www.hisas.jp/
カテゴリ分けされているので、
見やすいしきっとお気に入りのサイトが見つかると思いますよ。
もちろん動物もののカテゴリもあります。

Q●「美人アプリ」の画像を保存したい!

●「美人アプリ」というアプリを使用しています。

●ここで表示される画像を保存したいのですが、方法がわかりません。可能かどうかも。。

●もし、方法をご存知の方がいらっしゃいましたら教えていただけませんか?おねがいします。

Aベストアンサー

保存したい画像を表示させて、↓の方法で画面をキャプチャすると、写真アルバムから見れます。
http://blog.livedoor.jp/sakusakupocky/archives/50263981.html

Qgifアニメーションについて

gifアニメのファイルサイズを小さくするには「使う色を少なくする」と聞いたのですが、
ブラシツール(アンチエイリアスが掛かってる)で塗った色の境界の色も1色として数えられるのでしょうか?
それだとやはり主線にアンチエイリアスを掛けてしまうと物凄い数の色を使っていることになりますか?

それと、レイヤーを半透明にしてもファイルサイズが膨れてしまうのでしょうか?

Aベストアンサー

その通り

GIFアニメーションはGIF画像を連続して表示する機能です
差分の画像を表示させることでファイルサイズを小さくすることが可能です
ので、色数が多いと差分の画像容量が大きくなります
とくにアンチエイリアスを掛けた部分はけっこうな色数になります

また、GIFファイル上ではレイヤーという考え方がありません
作画ツールで使用していてもGIFファイルに変換されると一枚のGIF画像に統合されるので
色数が増える原因になります
(GIFアニメーションに変換後もう一度作画ツールで読み直してみてください
 確認できますよ)


…ひょっとして Flashアニメーションと混同していませんか?

Q右クリ禁止のサイトの画像を保存

質問の通りなのですが右クリック禁止のサイトの画像を保存できるようにする方法はないでしょうか?あと、よく海外でおもしろ動画とかを見せてるサイトがありますが、そういった動画を保存する方法はありますか?重ねて質問すいません^^;

Aベストアンサー

そのサイトを見ないとなんとも言えませんが、
JAVAをオフにしてみると右クリック禁止がはずれる事もあります。

それで駄目ならば、プリントスクリーンを取って画像を修正してください。
まぁ画像を持ち出されたくないサイトならばあまり持ち出さないほうがよろしいかと思います。

ちなみに動画を保存する場合は専用のソフトなどが必要。

QGIFアニメーションのDL

素材屋さんからGIFアニメーションの画像をDLしたいのですが、画像の上で右クリックで画像を保存を選ぶと、時々ファイルの種類のところが「BMP」になってしまって、アニメーションではなく保存されてしまいます。

どうしてこうなってしまうのでしょう?
困っています。
直し方分かる方、教えてください。

Aベストアンサー

よくあるようです。
過去の質問も参考にしてみてください。
http://oshiete1.goo.ne.jp/kotaeru.php3?q=566626

また、参考URLのソフトを用いると一括で 全部の画像をDLできるので便利ですよ。

参考URL:http://www.lares.dti.ne.jp/~tomof/soft/lib/ezw.htm


人気Q&Aランキング