マウスオン画像が表示されない（不思議な現象）
- gooブログのカスタマイズ中にマウスオン画像が表示されなくなった
- トップを先頭固定にすると画像が変に表示される問題が発生
- 編集画面では画像が表示されるが、投稿後には表示されない
- ベストアンサー
マウスオン画像が表示されない（不思議な現象）
お邪魔します。 gooブログ、シンプルのクリアブルーでカスタマイズ中です。 以前にマウスオンで表示させていた画像が トップを先頭固定にしてから変になったような気がします。（これが関係あるかどうか？） そこで新規投稿で、 <img src="http://blogimg.goo.ne.jp/user_image/10/e0/e766d1dd315072c684abf9b59b800b65.jpg"onmouseover="this.src='http://blogimg.goo.ne.jp/user_image/78/ec/ea118200fe07bc7f709c174ebfd20edc.jpg'"onmouseout="this.src='http://blogimg.goo.ne.jp/user_image/10/e0/e766d1dd315072c684abf9b59b800b65.jpg'">を貼り付けると 編集画面では上手く表示されているのに、投稿すると表示されていません。 編集画面に戻ると、タグが、<img>だけになっています。 いつもすみません よろしくお願い致します。
- takuhatu
- お礼率56% (17/30)
- ブログ
- 回答数1
- ありがとう数0
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
要するにjavascriptが使えないので、無効として修正されてしまうのでは？ 無料版gooブログでは、javascriptは使えなかったと思いますが。 onMouseOverやonMouseOutはjavascriptになりますので。
関連するQ&A
- gooブログで「マウスオン」がうまく出来ません
ブログで新規投稿するのですが、「マウスオン」がうまく出来ません。 gooブログの編集画面「ＴＥＸＴエディター」でタグを書いて、プレビューではうまく動作するのですが、 一度、下書きで「投稿」すると、マウスオンのタグが消えてしまって＜img＞だけになってしまいます。 もちろん完成で投稿してもダメです。 タグは次の通りです。 <img src="はじめの画像のＵＲＬ"onmouseover"this.src='次の画像のＵＲＬ'"onmouseout="this.src='はじめの画像のＵＲＬ'"> 過去に投稿してマウスオンの成功実績のあるタグとまったく同じものをコピーして何度も実験しますが、同じく消えてしまいます。 パソコンに問題があるのでしょうか？ 過去に成功したときはWinMeでしたが、現在は買い換えたWinXpです。 よくわかりませんが、XPとかJavaとかインターネットオプションの設定等が動作を制限しているのでしょうか？ ブラウザをＩＥとFirefoxでも試してみましたが、同じく消えてしまいます。 カスタムテンプレートから既成のテンプレートに変えても同じです。 このような現象の原因について、どなたかお判りになりましたら教えてくださいませ。
- ベストアンサー
- ブログ
- javaを使ってマウスオンでの画像切替について
javaを使って、ある1つの画像にマウスを乗せると、 他の場所にある画像2つが同時に入れ替わるという事を行いたいのですが どうしても上手くいきません。 例えば・・・ ┌─────┐ │◇画像Ａ◇ │ └─────┘ ┌─────┐ │○画像Ｂ○ │ └─────┘ ┌─────┐ │☆画像Ｃ☆ │ └─────┘ とあるとしたら、 画像Aにマウスを乗せた場合、画像Cと画像Dが 他の画像になるようにしたいのです。 ┌─────┐ │◇画像Ａ◇ │←これにマウスオン └─────┘ ┏━━━━━┓ ┃●画像Ｂ● ┃ ┗━━━━━┛←画像Ｂと画像Ｃが ┏━━━━━┓←同時に他の画像に変わる ┃★画像Ｃ★ ┃ ┗━━━━━┛ 画像Ａはマウスを乗せても変化は無いままで、 画像Ｂと画像Ｃは異なる画像です。 マウスを画像Ａから放したら、元の画像に戻るようにしたいと考えています。 さらに、同ページ内に複数使用したいのです。 ~~~~~~~~~~~~~~~~~~~~~ if (document.images) { var img0 = new Image(); img0.src = "○画像Ｂ○"; var img1 = new Image(); img1.src = "●画像Ｂ●"; function On(name) { if (document.images) { document.images['ネーム'].src = eval(name + '.src');}} function Off() { if (document.images) { document.images['ネーム'].src = img0.src;}} を応用して、どうにかならないかな…と思ったのですが、 どうにもなりませんでした。 もしかしたら、応用のやり方が間違えているのかもしれません。 あまり詳しくないので・・・。 どこを探してもサンプル等見つからず、困っています。 どなたか教えて下さい。どうぞ宜しくお願いします。
- ベストアンサー
- JavaScript
- ブラウザでハードディスク内の画像を表示するには
いつもお世話になり有り難うございます。 どのカテゴリで質問するか迷ったのですが、Mac固有の問題もあるかと思い、このカテゴリで質問させて頂きます。 Mac OS X 10.5.8でHTMLを使ってSafariなどのブラウザで内蔵ハードディスク（ゆくゆくはNAS）内の画像を表示したいのですが、思うように行きません。 先ずは「システム環境設定」で「Web共有」をオンにしてApache 2.2.11を起動します。 「/Library/WebServer/Documents/」内にある例えば「image.jpg」という画像は HTMLで <img src="（image.jpgの相対パス）"> で表示されるのですが、例えばデスクトップに「image.jpg」を置くと <img src="/Users/（ユーザー名）/Desktop/image.jpg"> としても <img src="file:///Users/（ユーザー名）/Desktop/image.jpg"> としても <img src="http://localhost//Users/（ユーザー名）/Desktop/image.jpg"> としても <img src="http;//127.0.0.1//Users/（ユーザー名）/Desktop/image.jpg"> としても Safari 4.0.2では画像が表示されないか「File Found」とエラー表示されます。 何かドツボに嵌っているのでしょうか？ どうぞ宜しくご指導お願い申し上げます！
- ベストアンサー
- Mac
- オンマウスでの拡大画像の位置指定
サムネイル画像にオンマウスした時の拡大画像の位置指定がよくわかりません。今の状態だとマウスを乗せた時に拡大画像がサムネイル画像とかぶってしまい、他のサムネイルが隠れてしまいます。できたら、拡大画像をサムネイル画像かぶらせず、左側に表示させたいのですがどう指定したらよいのでしょうか？ついでに拡大画像を右側、上、下に指定したい時の表示方法もあわせてアドバイスいただけたらありがたいです。 それと、サムネイル画像の下にちょっとしたコメントを記載したい時はどうしたら良いのでしょうか？どうかよろしくお願いします。 <script> var src1="image01.jpg" var src2="image1.jpg" var src3="image02.jpg" var src4="image2.jpg" var src5="image03.jpg" var src6="image3.jpg" var src7="image04.jpg" var src8="image4.jpg" </script> <p align="center"> <img src="image01.jpg" onmouseover="this.src=src2" onmouseout="this.src=src1"> <br> <br> <img src="image02.jpg" onmouseover="this.src=src4" onmouseout="this.src=src3"> <br> <br> <img src="image03.jpg" onmouseover="this.src=src6" onmouseout="this.src=src5"> <br> <br> <img src="image04.jpg" onmouseover="this.src=src8" onmouseout="this.src=src7"> <br> </p>
- 締切済み
- CSS
- 画像の表示につきまして
こんにちは。お世話になります。 画像の表示について伺いたいことがございます。 現在、HPを作成しています。そこには、横並びで三つの画像を配置しています。 しかし、そのHPをいつ開いても、表示されるのは一番左の画像のみで、真ん中と右の画像は表示されません。 ただし、マウスポインタを当てると、真ん中の画像も右の画像も表示されるようになり、以降は、画像が消えるような事はないのですが、その後、そのHPを閉じて、また開くと、同じように真ん中と右のみ表示されません。 インターネットオプションの「画像を表示する」にも、きちんとチェックが入っていますし、他のPCで開いても同様の結果になります。 こういう場合、どういった不具合が考えられるでしょうか。また、改善方法はありますでしょうか。 因みに、下記のようなタグを使っており、マウスオーバーすると画像が切り替わるようにしてあります。 <p class="img"><a href="http://●●●"><img width="235" height="120" onmousedown="this.src='http://●●●/img1.jpg'" onmouseout="this.src='http://●●●/img1.jpg'" onmouseover="this.src='http://●●●/img1_on.jpg'" alt="画像" src="this.src='http://●●●/img1.jpg'" / border="0"></a></p> windowsXP IE6.0を使っております。 皆様、お忙しい中恐れ入りますが、ご教示下さい。宜しくお願い致します。
- ベストアンサー
- HTML
- 画像のランダム表示
初心者です。。 画像のランダム表示で、下のものを使っているのですが、 画像の上にカーソルをもっていったときに手のマークにしたいのですが、 どのようにすればできるのでしょうか？ onclickを使っているからだと思うのですが、 A href=を使えばできるのでしょうか？ よろしくお願いします。 <script type="text/javascript"> <!-- var imgs = new Array; var n = 5; var i; for(i=0;i<n;i++){ imgs[i] = new Image(); } imgs[0].src="image/001.jpg"; imgs[1].src="image/002.jpg"; imgs[2].src="image/003.jpg"; imgs[3].src="image/004.jpg"; imgs[4].src="image/005.jpg"; function disp(img){ img.src=imgs[Math.round(Math.random()*(n-1))].src; } //--> </script> <meta http-equiv="Content-Type" content="text/html; charset=shift_jis"> </head> <body> <div align="center"> <img src="image/001.jpg" border="0" onclick="disp(this)"> </div> </body> </html>
- ベストアンサー
- JavaScript
- 画像が2枚入れ替わるようにしたい
ポインタ（マウス）を載せると画像が変わる。画像が2枚入れ替わるようにしたいのですが・・・ http://www.coffee-minton.com/sinkiro/mokuji10-2-5.html ( ↑ このサイトに説明がありました ） 下の２枚の画像を入れ替えたいのですが、うまくできないのですが、どなたかご指導くださいませ <IMG SRC="http://image.space.rakuten.co.jp/lg01/58/0000425358/24/img9de5c6f5zik6zj.jpeg" width="154" height="130"> <IMG SRC="http://image.space.rakuten.co.jp/lg01/58/0000425358/23/img19e2a209zik8zj.jpeg" width="125" height="150"> -------------------------------------------------------------- 見本のタグ <!--http://coffee-minton.com/sinkiro/ --> <IMG src="0-11.gif" width="248" height="174" onmouseover= "this.src='0-1.gif'" onmouseout="this.src='0-11.gif'"> --------------------------------------------------------------- 下記のようにやってみたのですが、うまくいきません＾＾； <!--http://coffee-minton.com/sinkiro/ --> <IMG src="http://image.space.rakuten.co.jp/lg01/58/0000425358/23/img19e2a209zik8zj.jpeg" width="125" height="150" onmouseover= "this.src="http://image.space.rakuten.co.jp/lg01/58/0000425358/24/img9de5c6f5zik6zj.jpeg" onmouseout="this.src="http://image.space.rakuten.co.jp/lg01/58/0000425358/23/img19e2a209zik8zj.jpe"> --------------------------------------------------------------
- 締切済み
- ブログ
- 画像の入れ替え
先日、ここで質問をして、javascript を使って画像を入れ替える方法を教えてもらいました。 <script type="text/javascript"> <!-- function toggle(img){ if(img.normal==null) img.normal=true; img.src= img.normal ? 'a.jpg' : 'b.jpg'; img.normal=!img.normal; } //--> </script> … <img src="a.jpg" alt="画像" onclick="toggle(this)"> ということだったのですが、これだと２枚の画像しか入れ替えることができないので、３枚の画像を入れ替えようと、img.src= img.normal ? 'a.jpg' : 'b.jpg': 'c.jpg';と書いてみたのですが、スクリプトエラーが出てしまって、うまくいきません。どのようにすれば、３枚以上の画像を入れ替えることができるでしょうか？ABCDEF→ABCDEFのように変っていくようにしたいのですが。 よろしくお願いいたします。
- ベストアンサー
- JavaScript
- onclickで画像と文字を別々の場所に表示したいのですが...
onclickで小さい画像を別の場所に大きな画像で表示することは出来たのですが、その時に別の場所に文字を表示したいのです。 （例えば：「山」の小さな画像をクリックすると大きな「山」の画像が表示されて←これはＯＫ、 その下に「富士山」の文字を表示したい←これです。） 下記のようにしています。 <script language="javascript"> <!-- function Image(img){ document.getElementById("image").src=img} //--> </script> </head> <table> <tr> <td><img src="sample1_small.jpg" onclick="Image('sample1.jpg')"></td> <td><img src="sample2_small.jpg" onclick="Image('sample2.jpg')"></td> <td><img src="sample3_small.jpg" onclick="Image('sample3.jpg')"></td> <td><img src="sample4_small.jpg" onclick="Image('sample4.jpg')"></td> </tr> <tr> <td colspan="4"><img src="sample1.jpg" name="image"></td> </tr> <tr> <td>***ここに文字を表示させたいのです***</td> </tr> </table> 宜しくお願いします。
- ベストアンサー
- JavaScript
補足
すばやい回答有難うございます。 カスタマイズする前は正常に表示されていましたが。