- ベストアンサー
リンクでの背景イメージの変換の方法、、
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
<a href="#" onclick="document.body.style.backgroundImage='url(背景画像.gif)';return false">テキストテキスト</a> これはどうでしょうか？ 背景画像.gifとテキストはお好きなものに書き換えてください。
その他の回答 (1)
- partita
- ベストアンサー率29% (125/427)
お礼
お返事どうも有り難うございました。！ 同じページ内で、背景の画像を変換したい。と質問で書きましたが、 テキストををクリックすると、同じページ内の一部の画像 ではなく、そのページ全体の背景の画像(色ではなく) を全部変える、という意味でした、、。 本当、質問の仕方がややこしくて、どうもごめんなさい、。 Partitaさんの下さったリンク先のコードも 早速試してみましたが、MAC,Safari、Firefox等ではこの機能はは対応してないという事でした、、。(;o;)
関連するQ&A
- フレーム越しの背景色変換
同一ページ内の背景色変換のスクリプトはたくさん見かけるのですが、Ａフレームに背景色一覧(文字クリック)で、Ｂフレームの背景色を変換するJavaScriptが見つかりません。 どなたか、ぜひぜひ教えてください。ここ数日、ずーっと探し回ったのですが見つけられませんでした。泣。
- ベストアンサー
- JavaScript
- 固定背景画像にリンクをはりたいです。
固定背景画像にリンクをはりたいです。 今、HPの隠しページを作っています。 右下固定の背景画像にリンクをはりたくて 透明の別画像を用意したんですが、 その画像を固定させる方法(HTMLタグ)が分かりません。 ピクセルなどではなく、右下に固定させたいです。
- 締切済み
- HTML
- 背景が透明なリンクボタンで、透明部分からリンクをさせない方法
1.pngという背景透明なボタンを作り、そこからonmouseでリンクを含む3種類のjavascriptが走るようにしてありますが、それだけだと、画像の透明部分でもリンクとjavascriptが有効になってしまいます。 画像の透明部分にマウスがあるときは何も起こらず、透明でない部分にマウスが乗った時だけにリンクとjavascriptを実行させることはできませんか？ よろしくお願いします。 実際使用しているソースは次の通りです。 -------------------------------------------------- <img border="0" alt="1" src="images/1.png" onclick="location.href='1.htm'" onmousedown="bdown()" onmouseup="bup()" onmouseover="bover(); PP(1)" onmouseout="bout(); PC(1)" id="bimage"/> -------------------------------------------------- ボタンの周囲にアクティブを示す点線の枠を表示させたくないため、リンクにはあえてホットスポットや通常のリンクを使用していません。 よろしくお願いします。
- 締切済み
- HTML
- JavaScriptでリンクの背景にある画像をOnMouseOver時
JavaScriptでリンクの背景にある画像をOnMouseOver時に変更する方法がわからなくて困っています。 webページを作っているのですが、OKWaveのサイトの上のタブのように画像を背景とするリンク上にマーカーが来たときにその画像の下部50％を表示するようにしたいのですがうまくいきません。 マーカーがリンク上に無い時には画像の上部50％を表示するようなものにしたいと思っています。 スタイルシートでリンクに指定したidなどで処理したいと思っています。 説明が下手かと思いますが、サンプルコード等を教えてください。
- ベストアンサー
- JavaScript
- 画像の背景色とHTMLファイルの背景色
私がWebページを制作している環境は下記のようになっています。 OSはWindowsXP。 モニターは液晶モニター。 DreamWeaver3でWebページを制作。 FlashMX、FireworksMXを使って、ムービーコンテンツ、画像を作成。 Fireworksで制作した画像をPhotoshop7でJPG形式に変換。（最高画質・低圧縮率で変換） 【ここからが質問です】 DreamWeaverで設定したHTMLファイルの背景色＆Flashコンテンツの背景色と PhotoshopでJPGに変換した画像の背景色を 同じカラーコードにしても、 ウィンドウズのプロパティで画面の色を16ビットにすると Webブラウザ上で違った色に見えてしまいます。 （32ビットだと大丈夫） Fierworksで制作したPNG形式の画像をUPすると 色の違いが無くなるのですが JPG形式に変換した画像だとダメです。 このブラウザ上での色の見え方の違いを解決することは出来ないのでしょうか？ 仕方のないことなのでしょうか？ お分かりになる方、教えてくださると助かります。 よろしくお願いします。
- 締切済み
- グラフィックソフト
- 背景画像をリンクにする？
タイトルの通りなのですが、よくブログなどにある、headerの部分を画像にしてtopへのリンクを張る方法が分かりません。 例えば森永卓郎さんのブログだと、タイトルの「つながるモリタクBLOG」の部分にリンクが張ってあり ブログのトップページに移動するようになっていますが、このクリックできる範囲を広げて、 緑色の背景画像の部分をクリックしても同じく移動できるように指定することはできませんでしょうか？ 単に画像にリンクを張るだけならできますが、背景にしてみたところ詰まってしまいました…。 よろしくお願いいたします。
- ベストアンサー
- CSS
- リンク画像の背景を反転させない方法
Webサイトページにおいて、ある画像をボタンとし、 押下すると次画面へ遷移する動きをつくろうと思っています。 動作はするのですが、このボタンにマウスポインタを当てたとき、 ボタンの背景(もと画像はgifで透明。背景画像の上に置いている)が、 ロールオーバーしたように、青くなります。 (ボタンではなく、ボタン画像の背景部分が青くなる現象です。) 同じページで同様のボタンは5つあり、 テーブルで区切って、サイコロの５の目のように画像を配置しています。 この不具合がある画像は、ちょうど中央の位置にあり、 他の４つの画像では、ポインタを当てても背景は反転しません。 HTMLでは、下記のように記述しました。 <A href="xxxxx.html#otop" target="_blank"> <IMG src="xxx.gif" style="width:244;height:99;text-align:center" border="0"vspace="10" > </A> (※実コードは改行なし) 他の4つの画像でも、vspace や hspase の指定はしており、異なる点といえば、 text-alignがleft/rightかcenterかという部分くらいです。 試しに、他の画像を5の目の位置に置いてみましたが、同様の不具合が出ています。 どういう部分を調べていけばよいか、教えて下さい。 OS:WinXpPro 開発ツール:IBM Homepage Builder V9
- ベストアンサー
- HTML
- DreamweaverCS４で表の背景画像
DreamweaverCS4を使用しています。 以前は、Dreamweaver８を使用していました。 ８では、表の背景に画像を表示するときに、プロパティーに 「表の背景」のところにイメージを表示できるようにフォルダ参照ボタンがあったのですが、CS4には背景にはカラー設定しかありません。 なぜでしょうか？直接HTMLのコードに下記のように書き込まなければいけなくなってしまったのでしょうか？ background="画像.gif" それとも、何か設定があるのでしょうか？ どなたかわかる方よろしくお願いします。
- ベストアンサー
- HTML
- 【html】画像にリンクをつける
ｈｔｍｌ,css,javascriptに関する質問です。 ページ内の左半分に人間のシルエットの画像があり その頭の部分、体の部分、手の部分をクリックすると それぞれの説明欄が同じページの右半分に表示されるというコードを書きたいのですが なかなかうまく行きません。 説明欄を初め透過度を0にしておいて 画像をクリックすると透過度を１にさせるようにしようと思っています。 しかしそもそも画像をクリックすることが出来ません。 画像をクリックし他のページに飛ばすリンクの付け方はわかるのですが 目的のことができないです。 ご存知でしたらその書き方を教えて欲しいです。 <img class="kao" src="img/kao.jpg" alt=""> またjavascriptを用いてクリックによって透過度を変えるという考えですが 知識がないのでこれ以上のものを思いつきません。 もっと効率の良いものがあればそれも教えていただきたいです。 よろしくお願いします。
- ベストアンサー
- CSS
- 背景画像にリンク
背景に画像を固定して表示したページに、リンクを貼りたいのです。 フレームページで縦に２分割、左のページにスタイルシートで背景固定、BODYタグ内には何もなし、右のページも同じくスタイルシートで背景固定、こちらに左のページの背景画像内にある文字からリンクを貼り、そのリンクをはったページを右ページ内に反映させたいのです。 一枚の大きな画像を２分割して左と右のページでそれぞれ固定しているので、IMGタグはなるべく使いたくありません。 （IMGタグでスタイルシートでの背景固定ように、right bottomと出来るのならば全く問題ないので、その場合は教えてください＾＾；）
- 締切済み
- HTML
お礼
Awasumiさん！！！！ (^o^)/ 出来ました！！ 感動しました！！ 本当に嬉しいです、。 出来ない事なのかと思っていました、、！ 今、始めてwebsiteを作っているのですが、ようやく前に進めます！！ 本当にどうも、ありがとうございました。！！ (∩´∀｀)∩ワーイ