- 締切済み
複数の透過GIFイメージを重ねて一枚のイメージを作るには？？
複数の透過GIFのイメージを用いて一枚のイメージを作ろうとしているのですがうまくいきません。 輪郭と目と口と鼻の透過GIFを用意しました。 Javascriptを使ってクリックするごとに各イメージを重ね合わせようとしました。 document.イメージ.src="イメージファイル名" ではすべて書き換えになってしまいます。 重ね合わせるにはどうしたらよいか教えてください。 よろしくお願いします。
- shiryo26
- お礼率40% (4/10)
- JavaScript
- 回答数2
- ありがとう数2
- みんなの回答 （2）
- 専門家の回答
関連するQ&A
- 透過gifができません
調べたのですが分からないので質問させていただきます。 photshop elements2.0を使っているのですが透過できません。 ヘルプを見たのですが、同じようにできません。 ちがう種類のphotoshopのやり方で、やってみたのですが、 イメージ→モード→インデックスカラー→背景を塗る →ファイル→データーの書き出し、としていくのですがデーターの書き出しがクリックできないようになっているので先に進めません。 絵はcorel painterでかいたのを開いています。 うまくgifできないのではなくそこまでも進みません。 どなたかご存知の方がいましたら、宜しくお願いします。
- 締切済み
- その他(ソフトウェア)
- 1*1の透過gifを別画像に変更する方法
アマゾンWEBサービスを使ってデータをアマゾンからとってくるプログラムを書いています。 アマゾンで商品画像が用意されていないやつは1*1の透過gifへのリンクが張られています。 この透過gifを自作の"NO IMAGE"のgif画像にjavascriptで変更したいのです。 下記のようなスクリプトがあったのでこれを利用しようとおもってるのですが、どうもclass="side"をいれると正常に動作しないのですがなぜでしょう？ このCSS記述がなければ正常に動作するのですが、これはわけあってはずすことができません。 ---------------------------------------- <img src="商品画像のURL" onload="replaceImage(this)" class="side" /> ---------------------------------------- ---------------------------------------- function replaceImage(img) { if (img.width == '1' && img.src.match(/\.01\./)) { img.src = 'img/no_img.gif'; } else if (img.width == '1') { img.src = img.src.replace('.09.','.01.'); } } ---------------------------------------- どなたか、良い解決方をご教授いただけますようお願いいたします。
- ベストアンサー
- JavaScript
- エクセルと透過GIF
ＣＡＤデータ（平面図でモノクロ）を透過ＧＩＦに変換して、 エクセルの挿入→図→ファイルから貼り付けて印刷すると 貼り付けた透過ＧＩＦが黒い部分と赤っぽい黒で印刷されます。 それと、ぼやけた感じがします。 透過ＧＩＦにしないと問題なく黒で印刷出来ます。 会社に複数のパソコンがあり（ＯＳはＸＰ、ＭＥ、９８ＳＥ）で試して 見ましたが同じ現象になります。 解消方法を教えて下さい。 宜しくお願い致します。
- 締切済み
- オフィス系ソフト
- 携帯でGIFアニメーションが正しく表示されません
携帯でGIFアニメーションを実現したいのですが、パソコンのブラウザで確認した場合問題なく動作するのですが、携帯のブラウザで確認した場合にGIFのイメージが「logo1.gif」から次のイメージに再表示されません。 携帯のキャリアはドコモで試しています。 以下にプログラムを貼り付けます。 間違っている点がありましたらご教授願います。 ---------------------------- ソース ---------------------------- <html> <head> <title>アニメーション/JavaScript</title> <script type="text/javascript"> <!-- var image1=new Image(); image1.src="image/logo1.gif"; var image2=new Image(); image2.src="image/logo2.gif"; var image3=new Image(); image3.src="image/logo3.gif"; var timerID; function change() { clearTimeout(timerID); if(document.anime.src==image1.src) document.anime.src=image2.src; else if(document.anime.src==image2.src) document.anime.src=image3.src; else document.anime.src=image1.src; timerID=setTimeout("change()",500); } //--> </script> </head> <body onLoad="timerID=setTimeout('change()',500)"> <img src="image/logo1.gif" name="anime" width="50" height="50" alt="アニメ"> </body> </html> ---------------------------- ソース ----------------------------
- 締切済み
- JavaScript
- 透過ソフトでＧＩＦファイルなのに読み込めない
Ｇｉａｍやかんたん透過くんを使って透過色設定をしようとすると、ＧＩＦファイル形式なのに読み込めるものと読み込めないものがあります。 具体的には、読み込めないファイルをかんたん透過くんに読み込もうとすると「{エラー}himawari.hmw(50行目)：○○○（ファイル名）が読み込めません」とでます。 読み込めるものとエラーが出るものの違いとは何なのでしょうか。どうすれば読み込めるようになるのか教えてください。ちなみに画像はペイントを使って作っています。
- ベストアンサー
- フリーウェア・フリーソフト
- PaintShopPro7Jの透過gifの
PaintShopPro7Jを使っているのですが、透過gifの仕方について教えてください。 透過したいファイルを開き、 ［ファイル］⇒［エクスポート］⇒［GIFイメージ］を開き GIFイメージのエクスポートという画面で、 左側に［非圧縮時］、右側に［圧縮時］というのが表示されますよね。その時＜次の色に合致する領域＞に印をつけると、左側には表示されるのですが、右側には表示されないんです。（背景を透明にした時のあのグレーのチェック柄だけが表示される） 何故なのでしょうか？ 初心者なので、できれば詳しくお願い致します。
- ベストアンサー
- グラフィックソフト
- 画像クリックで画像変化を1ページに複数表示
どのJavaScriptサイトにも記載されていなかったので、こちらでお尋ねします。どなたかご存知だったら、教えてください。 changeImageと<a href=""></a>を使って、クリックして画像を変えるっていうのをやっているのですが、同じページでの複数表示のやり方がわかりません。 それと、2つの画像を変化させて、他のアイコンを作ってそこを押すと元の画像に戻るというのは、可能でしょうか？ ４つ画像を用意して、２つまでしか画像変化できないようにさせて、取り消しアイコンで元の画像に戻す・・・ということがやりたいのですが。 今はこんな感じの記述ができています。 <SCRIPT type="text/javascript"> function changeImage() { var imgname = document.images[0].name; if(imgname == "01"){ document.images[0].src = "02.gif"; document.images[0].name = "02"; } else { document.images[0].src = "01.gif"; document.images[0].name = "01"; } } </SCRIPT> </head> <body> <a href="JavaScript:changeImage()"> <img src="01.gif" name"01" border=0></a>
- ベストアンサー
- JavaScript
- 同一ページ内にスワップイメージを複数セット設置したい
はじめまして。 カラーミーというショップシステムを使ってネットショップを作っています。 その中で作品ごとに色々な角度で見れるようなギャラリーページのようなものを作っています。 下のサイトと同様な動きです。 http://shailoh.co.jp/pg.html 単一のスワップイメージはできたのですが 同一ページ内に同様の処理を行うスクリプトを複数セット配置する方法がわかりません。 あまり詳しくないので単純にIDを振り分ければいいのかと思っていたのですが 処理がかぶっているせいか動きませんでした。 どなたかお分かりになる方がいたら教えていただきたいです。 ---HTML記述----------------------------------------------------------------- <img src="imgs/01/01.gif" width="480" height="320" id="image"/> <BR><BR> <img src="imgs/01/01_s.gif" width="50" height="50" onmouseover="SwapImage('imgs/01/01.gif');"/> <img src="imgs/01/02_s.gif" width="50" height="50" onmouseover="SwapImage('imgs/01/02.gif');"/> <img src="imgs/01/03_s.gif" width="50" height="50" onmouseover="SwapImage('imgs/01/03.gif');"/> <img src="imgs/01/04_s.gif" width="50" height="50" onmouseover="SwapImage('imgs/01/04.gif');"/> ---Javascript記述----------------------------------------------------------------- // スワップイメージ function SwapImage(img) { obj = document.getElementById("image"); obj.src = img; } // イメージ画像の初期化 function DefaultImage() { obj = document.getElementById("image"); obj.src = '../imgs/01/01.gif'; clearTimeout(timer); } --------------------------------------------------------------------------------- 上記のHTML記述部分を1セットとして複数同じようなものを作りたいのです。 処理は全て同じで、サムネごとにスワップ先を変えることはできないのでしょうか。 カラーミーの仕組み上、フリーで使えるページ数を抑えなくてはいけないので 作品ごとにページを振り分けることができず困っています。 色々調べたのですが分かりませんでした。 どなたかお分かりになる方がいたらアドバイスをお願いいたします。
- ベストアンサー
- JavaScript
- NNでロールオーバーしたgifアニメの動きがおかしい
ホームページを作成し、onmouseするとメニューのアイコンが gifからgifアニメに切り替わるようにしています。 IE6.0とNN7.1で動作確認しているのですが、 NNの方で、画像は切り替わるのですがgifアニメが うまく動きません。IEでは問題なく動作します。 gifアニメは文字の色が順番に変わるアニメーションなのですが、 onmouseするとアニメーションの最後の画像が表示されるだけでうまく動きません。 プログラムの組み方が悪いのか、gifアニメが悪いのか、 NNが悪いのかわからず困っています。 <head>と</head>の間↓ <script language="JavaScript"> <!-- if(document.images){ a1=new Image(); a1.src="image/b_top_m.gif"; a2=new Image(); a2.src="image/b_top.gif"; } else{ a1="" a2="" b1="" b2="" document.a="" } --> </script> <body>と<body>の間↓ <a href="top/top_frame.html" target="mid" onMouseover="document.a.src='image/b_top_m.gif'" onmouseout="document.a.src='image/b_top.gif'"> <img src="image/b_top.gif" border="0" alt="top page" name="a"></a> <a href="gal/gal_frame.html" target="mid" onMouseover="document.b.src='image/b_gallery_m.gif'" onmouseout="document.b.src='image/b_gallery.gif'"> <img src="image/b_gallery.gif" border="0" alt="works" name="b"></a> まだ初心者でJavaScriptについてはよくわかりません。 ちなみに、１つ「"」を抜いてエラーにするときちんと動いたりします(-_-;) よろしくお願い致します。
- ベストアンサー
- JavaScript
- スワップイメージとロールオーバーの組み合わせで…
上の画像をクリックした時に下の画像が切り替わるページを 作ったのですが、上の画像をmouseoverで切り替えるのではなく、 マウスを動かしてもクリックしたら下の画像と連動して上の画像も 切り替えることってできますか？？ javascriptは初心者で、まったくわからずです(>-<) <SCRIPT LANGUAGE="JavaScript"> function doPic(imgName) { stepOn = ("" + imgName); document.step.src = stepOn; } </script> （中略） <a href="javascript:doPic('step1.gif');"><img src="img1.gif" name="img" border="0" onmouseover='this.src="r_img1.gif"' onmouseout='this.src="img1.gif"'></a> <a href="javascript:doPic('step2.gif');"><img src="img2.gif" name="img" border="0" onmouseover='this.src="r_img2.gif"' onmouseout='this.src="img2.gif"' ></a><br> <img name="step" src="step1.gif"> ↑こんな感じで作っております<(_ _)>
- ベストアンサー
- JavaScript
お礼
ご丁寧にありがとうございます！！ クリッカブルマップもをもちいてなんとか自分の思っていた通りに動かすことができました！！