- ベストアンサー
この画像の上に別な画像を置きたいです
こんにちはお世話になります。 ここの（http://home7.highway.ne.jp/ash/ash_personal/photo_sight/sight-java-sakura-river.htm）ページにある画像の上に別な画像を置きたいですが、 具体的にいいますと、この画像の上に窓の画像を置きたい。窓の画像はガラスが透過されているgifファイルは作ったのですが、自分でやってみて、なかなかうまくできません。 どうしても窓の画像が後ろに表示されてしまいます。 どなたか、よろしくお願いします。
- itsuki
- お礼率82% (67/81)
- JavaScript
- 回答数2
- ありがとう数2
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
- ベストアンサー
再び失礼します。 先ほどは、JavaScript系列の話と思って、HTMLとスタイルシートでの解決方法を考えてしまいました。 JAVAアプレットの話なんですね。 大変失礼しました。 ちょっと調べてみて、ここで使われているLakeというアプレットの配布元のページを探してきました。 英語のページですが、色々と解説が書かれていましたので、参考になるのではないかと。 このページを読む分には、このアプレットのアニメーションの上に固定された画像をオーバーレイしたい場合は、 <param name="overlay" value="オーバーレイする画像ファイル名.gif"> というパラメータを追加すれば良いようです。 この解説を見る限りでは、おそらく、 <param name=overlay value=mask- .gif> この部分のvalueに、窓枠のGIFファイルのURIを正確に記述すれば良いのではないかと思います。 また蛇足ですが、できれば、属性値の内容は引用符(")で括っておいた方が無難だと思います。 JAVAアプレットについてはド素人なので、間違ったことを言っているかも知れませんが… 度々失礼しました。
その他の回答 (1)
意図通りに反映されるかどうかはわかりませんが、スタイルシートの位置指定(position、top、leftプロパティなど)で画像が重なるように設定して、その上でz-indexプロパティを設定してみてはいかがでしょうか。 z-indexプロパティは、その要素の表示の重なり順を指定するもので、設定される値が大きいほど前面に表示されます。 上に表示させるgifファイルのimg要素に、スタイルシートのz-indexを適当な値で設定すれば良いのではないかと。 ただ、テストしていないので自信無しです。 見当違いでしたら、ごめんなさい。
お礼
ご回答大変ありがとうございます。 このページのソースにimg要素はありませんです。 試しにz-indexやってみましたが、だめみたいです。 参考までにソースのほうを表しておきます。 （ここのサイト様におこられるかな＞＜） <html> <head> <title>sight-java-sakura-river</title> <style TYPE="text/css"><!-- BODY { scrollbar-base-color: #ccccff; scrollbar-arrow-color: #ffffff; } --></style> </head> <body bgcolor="#ffffff" text="#000000" alink="#0000c0" vlink="#c00000" link="#0000c0" background="" leftmargin=50 rightmargin=50 > <P ALIGN="CENTER"> <P ALIGN="CENTER"> <applet code="Lake" width=460 height=450> <param name="image" value="sakura-river.jpg"> <param name=overlay value=mask- .gif> <param name="href" value=animation.html> </applet> <CENTER> <I> <FONT FACE="ＭＳＰゴシック"> <FONT SIZE=3> <FONT COLOR="#808080"> 川辺の桜 </FONT></I></CENTER> <BR> <FORM> <FONT FACE="ＭＳ 明朝" LANG="JA"> <P ALIGN="CENTER"> <INPUT TYPE="button" VALUE="前のページへ戻る" onClick="history.back()"> </P></FORM> <br><br> </body> </html>
関連するQ&A
- 透過GIFを他の画像の上に貼り付ける画像処理ソフト
当方の環境 windowsXPpro ServicePack3 現時点で分かっていること ペイント：完全非対応 powerpoint:対応 html言語で書いてブラウザ：対応 IrfanView：半分対応（透過GIFは作れるが合成できない？） Microsoft Photo Editor：半分対応（透過GIFは作れるが合成できない？） 透過GIFを他の画像の上に貼り付ける（合成できる）画像処理ソフトを探しています。 フリーで直感的で分かりやすいのがいいです。出来れば有名な奴をお願いいたします。 図々しいですが、よろしくお願いいたします。
- ベストアンサー
- フリーウェア・フリーソフト
- 写真とgif画像の合成について
ブログに写真を載せるのに、写真に透過処理したスタンプ様画像を付けてアップしたいのです。 画像に関するソフトはペイント・Photo Editor・JTrimがあります。 スタンプ画像はgifファイルで、photo editorやJTrimでその画像単独で見ると背景が格子状になっており、これは透過処理がなされているということですよね？ ですが、そのスタンプ画像を写真のjpegファイルに合成しようとコピー、ペーストしたところ、透過しているべき部分がグレーになって、見た目はただ写真の上に四角いイラストを貼り付けたような状態になってしまいました。 調べてみると単にコピペでは、透過されないらしいとわかってきました。 過去ログの http://oshiete1.goo.ne.jp/qa1603803.html こちらの質問はまさに私の希望なのですが、回答の通りJTrimというソフトをダウンロードして挑戦しましたが、できませんでした。 jpegをpngまたはgifに、というのはPhoto Editorで開いたjpeg画像を保存形式を変えて保存すればOKですよね？ 複数色の透過処理、とはどういうことでしょうか？ やはり、上記3つのソフトだけでは無理でしょうか。 写真中心のブログにしたいので、合成さえできれば、それ以上の機能は求めません。 よろしくお願いいたします。
- ベストアンサー
- フリーウェア・フリーソフト
- Photo Shop6.0でPNG-24の透過画像を作りたい
OS windows2000 Photo Shop 6.0 で 画像をｗｅｂ用に保存するとき、 PNG-24のインターレース画像を作りたいのですが、 この設定で画像を保存して、ｗｅｂに表示した時、透過部分がグレー色になって透過されません。 PNG-８とGIF画像は問題なく透過画像になるのですが、PNG-24はうまくいきません。 ご教授ください。
- ベストアンサー
- グラフィックソフト
- JPGにオンマウス動作で透過GIF画像や透過PNG画像を重ねたいのです
JPGにオンマウス動作で透過GIF画像や透過PNG画像を重ねたいのです JPG にオンマウス動作で透過GIF画像や透過PNG画像を重ねたいのですが、良い方法はありませんでしょうか？ 例えば、分かれ道を撮したJPG画像に、マウスのカーソルを合わせる（載せる）と、JPG画像の上に、矢印だけが描かれた透過GIF画像、もしくは透過 PNG画像が表示されるようにしたいのです。 現在はJPG画像に矢印を書き加えたものを、onmouseoverで差し替え表示をする方法を行っていますが、書き加えられた矢印などの画像はJPG圧縮や縦横サイズの関係でノイズが載ってしまい、イマイチきれいじゃありません。 マウスの動作で透過GIF画像や透過PNG画像を重ねたり、外したりできる良い方法があればお教えください。
- 締切済み
- HTML
- J-phoneのアプリの透過PNG画像の作り方を教えてくださいm(__)m
みなさんこんにちは、初めまして。 すでにあるiアプリ用のgif画像を、J-phoneの アプリで使える様にしたいのですが、Photo-Shopで 透過pngファイルを作ってサーバーにアップして 確認しているのですが、透過が反映されていません。 確認方法は、バックグラウンドを黒色にしたhtmlファイル に透過の画像を張って見ているんですが、透過できて いないのです。SH09で確認しています。 透過pngの作成の仕方をご存じの方、 ご教授の程をよろしくお願いいたします。m(__)m
- ベストアンサー
- Java
- Irfan Viewを使用して画像透過するには？
趣味の範囲で、画像を組み合わせて新しい画像を作ったりしているのですが、 2つの画像を組み合わせた時に、上にかぶせる画像の背景も一緒にかぶってしまいます。 なので、Irfan Viewを利用して、背景の画像透過をしようとしたのですが、 色々なHPで書かれている通り、 (1)ファイルを開く (2)名前をつけて保存 (3)ファイルの種類を「GIF-Compuserve GIF」に設定。 (4)「JPEG/GIF保存設定」のGIF枠「透過GIFで保存」に チェックを入れ、「透過色を設定して保存」を選択して「保存」をクリック (5)表示された画面で、透過したい色をクリック …とやってみたのですが、どうしても上手くいきません。 また、ファイルはBMPでないとダメという話も見たので、 ためしにBMPのファイルを開いて同じ手順を辿ってみましたが、失敗しました。 何がいけないのか、わかりません。 どなたか、ご助言よろしくお願いいたします。
- ベストアンサー
- ブログ
- 画像とCSSを使ったロールオーバーについて
お世話になります。 背景が白いページに 透過gifファイルをhtmlファイルに img src で埋め込んでいます。 ロールオーバー時に、 その画像の下？にうすい色をかぶせるような感じにしたいのです。 そういうことは、CSSだけでできるのでしょうか？ もしできるのならばその場合 画像の下に色がくるのでしょうか？ それとも画像の上に薄く透過がかかった色をのせることになるのでしょうか？ 教えてください。よろしくお願いします。
- ベストアンサー
- CSS
- 背景画像の上に透過ＧＩＦ背景をのせる方法
はじめまして。 メモ帳にHTMLタグ打ち込みでWEBページを作ってるのですが、 bodyで背景画像を指定し、その上に透過GIFをおき、さらにその上にテキストを表示させるにはどうしたらよいのでしょうか。 具体的には、「テキストを表示させるブロック（tableやdiv）の部分」を半透明の透過GIFをフィルターみたいにかぶせて、その上に書くテキストを見やすくさせたい、という動機です。 divのなかのstyle、またはtableでbackgroundを定義しても、もとのbodyの背景が反映されなくなってしまうのですよね。 一応、自分で考えた策としては ・ブロックの背景そのものを、ある程度薄い色に変えた画像を用意してそれをtableの背景にする というものがあるのですが、これはやはりつなぎ目の部分でズレてしまって見栄えがあまりよくないのです。 かなり細かいところにこだわりすぎな感じもするんですが、 ぜひとも叶えたいのでどなたか方法をご存知でしたら教えていただきたいと思います。 よろしくお願いします。
- ベストアンサー
- HTML
- JPEG＋透過GIF画像の作成方法
ある画像の上に他の画像を重ねて１枚の画像を作りたいのですが、何か方法があれば教えて下さい。 具体的には、JPEG形式の画像の上に透過GIFの画像を重ねて新しい画像を作りたいのです。透過GIF形式の画像はIrfan Viewというフリーソフトを使用して作りました。（私が使っているソフトでは、Irfan ViewしかGIFに対応していませんでした） このソフトはまだ使い始めたばかりで多くの機能を使いこなした訳ではありませんが、わかる範囲でいろいろ試してみましたが出来ませんでした。 Irfan Viewというソフトで作成可能ならばその方法、無理な場合は他のフリーソフトで作成可能な物があれば教えていただきたいです。 よろしくお願いします。
- 締切済み
- グラフィックソフト
- susie 画像ビューワー
susie 画像ビューワー古いものですがまだ使ってます。 win10でも使い道があります。 そこでどうしても欲しいプラグインがあります。 「透過色対応 GIF Susie32 plug-in spi&sph」 です。窓の杜でもだめでした。 ifgiftr10102.zip 持ってる人いませんか。欲しいです。お願い申し上げます。
- ベストアンサー
- フリーウェア・フリーソフト
お礼
再びのご回答ありがとうございます。 わざわざ配布元のページまで探していただき誠に感謝です。 英語が読めるのですか、すごいです。尊敬します。 <param name="overlay" value="オーバーレイする画像ファイル名.gif"> これで試した結果バッチリできましたです！ 私も「Javaアプレット」はド素人です。 お互いがんばりましょう。 またよろしくお願いします。 どうもありがとうございました。