No.3ベストアンサー
- 回答日時:
すみません、何だか後から読み返したらちょっと読み違えてました。
アニメGIFのほうが実際の大きさよりも小さく表示されてしまうんですね? 逆だと思ってました(汗)
これはアニメのほうがサイズが大きいからですね。
だとすれば動かないほう、普通のGIF画像のほうに透明な余白をつけて、アニメと同じ大きさにすれば解決です。
下に書いた方法(大きいほうの画像に合わせてサイズ指定したテーブルで囲む)でも大丈夫ですが、画像そのものを加工するほうが手軽です。
ただ画像加工出来るソフトがあればいいですが、フリーだと透過GIFを作成出来るソフトは多くはないです。
できました!
画像サイズってファイルの重さじゃなくて大きさそのものをそろえるんですね^^
勘違いしてた私が恥ずかしいです~**
画像加工ソフトはありましたのでなんとか出来上がりました!
Lunaria様、何度もありがとうございました!!!
No.2
- 回答日時:
こんばんは。
>動きがあるほうが小さくなっちゃう
これは二つの画像の大きさが違う所為ですね。
アニメGIFのほうに透過色で余白をつけて同じサイズにすれば直ると思いますが、加工が難しいようでしたらwidthとheightを外してしまえば元通りの大きさでb.gifも表示されます。
ただし、こうすると画像の大きさが変わるために周囲の記事などが動いてしまう場合があります。
回避策としてどうかと思って今やってみた結果上手くいったのですが、ロールオーバーボタンを幅、高さを指定したテーブルで囲んでしまうと位置も固定されて大丈夫みたいですよ。
(テーブルよりスタイルシートのほうがいいかと思いましたが、簡単なのでテーブルにしてみました)
<table width="60" height="120" border="0">
<tr><td align="center" valign="center">
<a href="(リンク先アドレス)"><img src="a.gif" alt="触ると変わります" onmouseover="this.src='b.gif'" onmouseout="this.src='a.gif'"></a>
</td></tr></table>
こんな感じです。
width="60" height="120"はb.gif(大きいほう)に合わせて調整してください。
横にいくつか並べる場合、コメントなどがある場合はそれらを全部入れるテーブルを作ってそれぞれセルに入れ、横幅は<td>で指定することになると思います。
またそれぞれの高さが違う場合は、ひとつずつテーブルに入れてそれを更にテーブルで囲んでレイアウトすることになります。
そのあたりはレイアウトに合わせていろいろ工夫してみてください。
テーブルが入れ子になったりするとややソースが煩雑になってしまうと思いますが……。
画像のほうを同じ大きさに出来ると一番楽なんですけどね…
あまり上手い方法が思いつかなくてすみません。
No.1
- 回答日時:
何がどのように変になってしまうのかを書いていただけると、もっと適切な回答が来るかもしれませんが、とりあえず一番簡単だと思う方法を書いてみます。
<IMG SRC="a.gif" BORDER="0" WIDTH="20" HEIGHT="20" ALT="触ると変わります" ONMOUSEOVER="this.src='b.gif'" ONMOUSEOUT="this.src='a.gif'">
a.gifが触れる前の画像、b.gifがカーソルを合わせた時の画像です。
画像の名前と大きさ、ALT属性は適当に書き換えてください。
綺麗に作るポイントは二つの画像を同じ大きさで用意する事でしょうか。
「"」とか「'」の抜けにご注意ください。
画像のファイルサイズが大きめなら、
<IMG SRC="b.gif" BORDER="0" WIDTH="1" HEIGHT="1" ALT=" ">
をロールオーバー画像より前の部分に書いておけば、読み込みがスムーズになります。
(見えないように表示するため、 WIDTH="1" HEIGHT="1"はこのまま書いてください)
ありがとうございます!
dreamweaverでやると、ブラウザで確認したときに、片方の画像が小さく表示されちゃうんです。動きがあるほうが小さくなっちゃうのですが、動きのない方とサイズ同じにするのは難しい・・・というか無理ですし。
うーーん??
読み込みスムーズにするテクは目からウロコです^^
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- ノートパソコン gifアニメ―ションを動画(mp4でOK)にしたい 1 2022/08/14 09:51
- ノートパソコン Outlookメールで本文中のgif動画をDTに保存したい 3 2023/03/09 21:38
- PHP $filePath = './user_img/' . $file['name'];? 1 2022/12/10 07:29
- PHP imageフォルダに、画像をリサイズして保存する時のファイル名を変更したい 1 2023/05/30 11:39
- Ameba(アメーバブログ) アメブロは、HTMLのタグの入力を許さないブログ・サイトですか? 1 2023/06/18 18:48
- ホームページ作成・プログラミング アメーバ・ブログは"HTMLタグ"を許可してないのですか? 2 2023/06/17 21:08
- ノンジャンルトーク このav女優の方の作品と女優名を教えてください※18歳以上※ 1 2023/05/01 15:45
- 債券・証券 年末に来る証券会社からのNISAロールオーバー申込みについて 4 2022/11/12 08:01
- YouTube 拾い物のgifです。この戌神ころねがすごく可愛いのですが、いつなんてタイトルで上げられた動画ですか? 1 2022/07/16 10:17
- ソフトウェア パソコンでこういうのを作るにはどんなソフトを使えばできますか? 無知すぎて何から聞けば良いのかもわか 2 2022/04/18 11:32
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
TGAの読み方。ターガ? タルガ?
-
mixiでプロフィールにgif写真を...
-
粘着タイプの壁紙で好きな柄が...
-
PCで見れて携帯で見れないJPGフ...
-
OPPO Reno A5 カメラ 撮影時に...
-
身が黒いしじみ 画像の3つとも...
-
画像保存方法について
-
携帯の待ち受け画面を子供の画...
-
携帯からパソコンに画像を取り...
-
壁紙がデスクトップの半分しか...
-
イスラム教の人(例えば留学生の...
-
グレンラガンのヨーコ・リット...
-
ミッキーマウスの着ぐるみの身長
-
アイフォンでグーグル検索から...
-
ヒロヤマガタの壁紙を探してます。
-
ディズニーランドの裏技などを...
-
嵐の相葉ちゃんの画像・・・
-
iPhoneの壁紙を作りたい
-
携帯メールしか使っていない人...
-
アルトアイゼンの壁紙
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
アニメーションgifを複数並べて...
-
TGAの読み方。ターガ? タルガ?
-
gif動画から画像を抽出できます...
-
gifアニメじゃなくてjpegアニメ...
-
flashでの書き出しでの容量軽減...
-
アニメーションgif(?)でモワッ...
-
すごい画質がいいのにすごく軽...
-
コマンドラインでの画像の変換...
-
アニメgifのロールオーバーボタン
-
写真(gif)を、jpgに変えたら、...
-
gifファイルのファイルサイズ縮...
-
ファイルサイズが表示されるフ...
-
mixiでプロフィールにgif写真を...
-
イラストレータ8.0で余白を透明...
-
OPPO Reno A5 カメラ 撮影時に...
-
ミッキーマウスの着ぐるみの身長
-
ミッキーは・・・
-
首の付け根に傷があり隠したい...
-
iphone 壁紙の削除について
-
TDLで修学旅行生がミッキー...
おすすめ情報