透過ＧＩＦが表示されないんですが・・・

質問

初めて自分のホームページに透過ＧＩＦを使い、いざアップロードしてみたら表示されていませんでした。他の普通の画像は問題なく表示されています。参考になるかと画像のプロパティを見たところ、使用不可とありました。透過ＧＩＦには使用できる環境が決まっているのでしょうか？

参考までに、ＯＳはＭＥを使用、ブラウザはＩＥ５．５です。

宜しくお願いします。

回答No.5

shiba1 · ベストアンサー

普通のアップロードが駄目ということはありませんよ。。
前回はアップロードした場所が違ったために、
たぶん表示されなかったんでしょう。
オフラインできちんと表示されているのであれば、
そのままのファイル構造でアップロードすればいいわけです。

何で違う場所にアップロードしたのか？？？
画像はフォルダの中にあるのに、アップロードはHTMLファイルと同じ場所に・・・
なんてことはないですか？
フォルダの中にあるのなら、そのフォルダも作ってあげなくてはいけません。
FFFTPで、左でフォルダを選択して「↑」ボタンを押せば、
フォルダごとアップロードしてくれます。

また、左の画面（PC側）でフォルダを開いたら、
右（サーバー側）のフォルダも開いて・・・。とやっていますか？
何となく、違う場所にアップロードしちゃったんじゃあないかな～
って思いましたので、。

今回の問題は、透過、ミラーリングアップロード、の問題ではなく、
HTMLのファイルの記述と画像ファイルのある場所が一致しているかどうか？
の問題だと思います。
では、頑張ってくださいね。

↓ここからは蛇足です。

これを機会に、パスの記述を覚えては？
※width,height,border="0"は省略

■ファイルと同じ場所に画像
<img src="画像">　例：<img src="gazou.gif">

■同じ階層のフォルダ（imageとする）の中
<img src="フォルダ名/画像">　例：<img src="image/gazou.gif">

■１つ上の階層
<img src="../画像">　例：<img src="../gazou.gif">

■１つ上の階層にあるフォルダ（image2とする）の中
<img src="../フォルダ名/画像">　例：<img src="../image2/gazou.gif">

お礼

仰る通り、ＨＴＭＬファイルと同じところにアップロードしていたようです。
まだまだ未熟で、アップロードする基本を覚えなくてはいけないようですので、
これを機会に覚えます。
本当に有難うございました。

回答No.4

StrangeStone

> まだ駄目なのですが、下に書いた方法で間違っていますか？

いや、良いと思いますよ。

では、No３の回答を踏まえてFFFTPでアップロードする前に
「A」「B」「A/B」ボタンがあると思いますが、「B」を選択して
アップロードしてみて下さい。あと「無」のボタンも念のため．．．

お礼

出来ました！仰る通りに「Ｂ」にしてから赤と緑のミラーリングアップロードで上手く出来ました。下にも書いていますが、とりあえず更新（これから新しいホームページをアップする時も？）する時はこの方法でやってみます。

有難うございました。

回答No.3

shiba1

こんばんは。
オフラインで、きちんと表示されているのであれば、
アップロードがうまくいっていない。もしくは、
違う場所にアップロードしている。ということです。
透過であるか、ないかは全く関係ないので、
普通の画像と考えましょう。

<img src="○○" width="*" height="*" border="0">
src="○○"の○○の部分のパスは、オフラインとアップロード先、
きちんと同じ場所にアップロードされていますか？
画像をフォルダの中に入れてアップロードしているなら、
そのフォルダの中にアップロードされているか？
確認しましょう。

フォルダ名、ファイル名は半角英数を使ってますよね。
FFFTPを使っているのであれば、「ミラーリングアップロード」
という機能があります。
↑（矢印[赤・緑]）が２つのボタン。
を押すと、パソコン上と同じファイル構成でアップロードしてくれます。
全部消して・・・、というのはおすすめできません。。。

お礼

出来ました！
ありがとうございました！

ですが、どうして普通の青い矢印だと駄目で、赤と緑のミラーリングだけＯＫってどういう事なんでしょうか？これからホームページを更新する時はミラーリングの方だけ使用すればよいのでしょうか？問題が解決したのに質問するのも気が引けるのですが、最後にそこのところだけ教えていただけませんでしょうか？
お願いします。

回答No.2

StrangeStone

GIFファイル名の大文字小文字等は間違っていませんか？
大文字小文字は区別されますので気を付けて下さい。

補足

有難うございました。
まだ駄目なのですが、下に書いた方法で間違っていますか？
もしアドバイスがありましたらお願いします。

回答No.1

NAGATSUKI

こんにちは。
透過処理済GIFは
他のGIF、jpegなどの画像ファイルと同様で
環境等は大丈夫ですよ。
リロードしてみたら案外表示されたりします。

もう一度画像ファイルを保存し直してから
アップしてみて確認するのも
よいかもしれません。
画像ファイル自体が壊れちゃっているときがあります。

補足

もしかしてアップロードの仕方が間違っているのかとも思いますが、やり方は以下のようにしています。

TTTEditorで制作（この時はまだ透過ＧＩＦは表示されます）。その後に保存。
FFFTPを立ち上げて、アップロード（追加したいhtmlページとgif画像）
ブラウザを立ち上げて更新ボタンをクリック

以上のような方法をとっています。正直なところ、アップロードには自信がなく、サーバーの方を一度全部削除してからローカル側から全部アップロードしたりと、いろいろと試してはいるのですが・・・