- 締切済み
HP作成で画像が×になります
こんにちわ。 HPを作っています。 隠しページにアイコンを使おうと 思っているのですが、 そのアイコンが×になって、表示されません。 http://okwave.jp/kotaeru.php3?q=1720789 を見てもう一度やってみたのですが、 やっぱり表示されません。 htmlは間違えていないと思います。 <a onClick="window.open(アドレス)"> <img src="（画像のファイル名）"alt=""></a> を使っています。 直リンは禁止なのでこれでいいと思うのですが... アイコンは、 右クリック→名前をつけて画像を保存→OK として保存しました。 どなたか分かるかたがいらっしゃいましたら、お願いします。
- Windows XP
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
みんなの回答
- Dorohedorer
- ベストアンサー率45% (252/548)
http://okwave.jp/kotaeru.php3?q=1720789 の書いてあることがすべてのような気がしますが・・・。 自分のレンタルサーバにしっかり画像をUPしてますよね？ してないのであれば、<img src="画像のファイル名">ではでませんので。 htmlファイルと同じディレクトリに画像ファイルをUPされてるならそれで出るはずですが・・。 あ、しっかりと<img src="画像のファイル名＋拡張子">になってますよね？ たとえばsample.jpegをUPしたのなら <img src="sample"> ではなく <img src="sample.jpeg"> にしなければならないわけです。 もっとも、レンタルサーバによって細かく違ったりしますので、レンタルサーバがわからないとなんともいえないんですが・・。 一番いいのはレンタルサーバ側が用意しているサポート掲示板等で聞くことですね。
関連するQ&A
- HP作成／ジャバスクリプトの記載方法
こんにちは。HP作成初心者です。 下記のタグ（サムネイル画像をクリックすると、別窓で拡大表示）なんですが、別窓を開いた際に <BODY oncontextmenu="alert('右クリック禁止です');return false;">を記載して別窓内の右クリックを禁止させたいんですが、下記文章内のどのスペースに禁止タグを貼付ければよいか解らずに困っています。 よろしければアドバイス御願します。 サムネイル別窓ソース↓ a href="Javascript:tempWin.focus()" onClick="tempWin=window.open('s.t.gif','sample','width=400,height=400')" border="0"> <img src="s.t.gif" width="80" height="80" border="0"> <a href="Javascript:tempWin.focus()" onClick="tempWin=window.open('member1.jpg','sample','width=400,height=400')" border="0"> <img src="member1.jpg" width="80" height="80" border="0"></a> <a href="Javascript:tempWin.focus()" onClick="tempWin=window.open('member1.jpg','sample','width=400,height=400')" border="0"> <img src="member2.jpg" width="80" height="80" border="0"></a>
- ベストアンサー
- Mac
- 直リン推奨？？
初めまして。 今初めてHPを作っているんですが、あちこちで 「直リン禁止」というのを聞きます。 ただ、自分のサイトからお勧めのサイトなどのリンクを張る時、そのリンク先に「直リン推奨」と書かれていることがあります。 こういうときって、<a href="バナーの下に表示してあったアドレス"><img src="同じくバナーの下に表示してあった画像のアドレス" border="0"></a>でいいものなんでしょうか？ それと、何故直リンしてはいけないとたくさんのところで書かれているのに「直リン推奨」のところがあるのでしょう？
- ベストアンサー
- その他（インターネット・Webサービス）
- 画像IMGとイベントの関係
イベントオブジェクトは独立しているので、documentから たどるのは無理かもしれませんが、方法がわからず困っています。 以下のようにBのイメージをクリックした場合、Ｂと表示するように したいのですが、どうすればよいでしょうか？ IEとFireFoxを使っています。 function test(){ // ここでBのイメージをクリックしたなら、Bと表示させたい。 } <img alt="A" src="test_A.gif" onClick="test()"> <img alt="B" src="test_B.gif" onClick="test()"> <img alt="C" src="test_C.gif" onClick="test()">
- ベストアンサー
- JavaScript
- javascriptで画像の移動
お世話になります。 画像をクリックすると、クリックした画像のaltの内容をinput type="text"に表示する。 左に移動ボタン押下でクリックされた画像を１つ左に移動、 右に移動ボタン押下で１つ右に移動する。 １．移動ボタン押下で移動させるにはどうすればよいでしょうか？ ※HTMLはtableタグでなくてもよいと思っております。 ２．クリックした画像が分かるようにしたいのですが 何かいい方法などありますでしょうか？ <html> <head> <script> var clickId =""; function down(id){ clickId = id; document.getElementById("comment").value = document.getElementById(id).alt ; } function move(d){ } </script> </head> <body> <table> <tr> <td id="p1"><a href="#" onClick="down('1');"><img id="1" alt="alt1" src="1.gif" /></a></td> <td id="p2"><a href="#" onClick="down('2');"><img id="2" alt="alt2" src="2.gif" /></a></td> <td id="p3"><a href="#" onClick="down('3');"><img id="3" alt="alt3" src="3.gif" /></a></td> </tr> <tr> <td align="left"><a href="#" onClick="move('1');"><img alt="左に移動" src="L.gif" /></a></td> <td align="right"><a href="#" onClick="move('0');"><img alt="右に移動" src="R.gif" /></a></td> </tr> </table> <input type="text" id="comment" /> </body> </html>
- ベストアンサー
- JavaScript
- ＨＰ作成をしています。自作画像を使用したいのですが
自作画像をペイントで作成しました。 保存の際にファイルの種類をgifを選びimgと名前を付けたフォルダにtitle.gifとして保存しました。 その画像をindex.htmlに <CENTER> <IMG SRC="img/title.gif" WIDTH="530" HEIGHT="270" alt="タイトルイメージ"> </CENTER> と記述しましたがブラウザで見ると530×270の枠と罰マークにタイトルイメージと記載されているだけです MS Officeが入っているのであればペイントで保存ファイルの種類を選ぶだけで特にツールを使用して拡張子を変更しなくても良いとの事でしたが他にも問題点がありますか？ サイズが大きすぎる（900kb）のではと小さいサイズ（4kb）ほどのものも作成しましたが同様でした ブログサービスで他の画像を拝借する場合は一度画像をアップロードしてURLを取得してから<img src="画像ＵＲＬ">の形で表示させますが <img src="フォルダ/ファイル">の形でも画像はアップロードしなければ使用できないのでしょうか？
- ベストアンサー
- その他（インターネット・Webサービス）
- 1つの画像オンマウスで3つの画像を切り替えたい！
現在、下記のような感じで一つの画像オンマウスでその画像を含む3つの画像が切り替わるようにしています。 ---------------------------------- <a href="#" onMouseOver="11111.src='a.gif';22222.src='b.gif';33333.src='c.gif'" onMouseOut="11111.src='a_01.gif';22222.src='b_01.gif';33333.src='c_03.gif'"><img src="aaaaaa.gif" alt="" width="94" height="32" border="0" name="11111" /></a> <img src="b_01.gif" alt="" width="572" height="50" name="22222" /> <img src="c_01.gif" alt="" width="96" height="32" border="0" name="33333" /> ---------------------------------- IE6だと、きちんと表示されるのですが、 Firefoxだと表示がおかしくなります。 改善方法はありませんでしょうか？ 助けてください！
- ベストアンサー
- JavaScript
- 画像の入れ替え
先日、ここで質問をして、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
- jqueryでの画像表示について
どなたか教えて頂ければ幸いです。 画像のプリロードをするためjqueryを書いているのですが、 うまくいかず助けて頂きたくまいりました。 <div id="slideshow" class="clearfix"> <ul class="slider clearfix"> <li><a href="#"><img src="img/dress1.jpg" alt="" /></a></li> <li><a href="#"><img src="img/dress2.jpg" alt="" /></a></li> <li><a href="#"><img src="img/dress3.jpg" alt="" /></a></li> <li><a href="#"><img src="img/dress4.jpg" alt="" /></a></li> <li><a href="#"><img src="img/dress5.jpg" alt="" /></a></li> <li><a href="#"><img src="img/dress6.jpg" alt="" /></a></li> <li><a href="#"><img src="img/dress7.jpg" alt="" /></a></li> <li><a href="#"><img src="img/dress8.jpg" alt="" /></a></li> <li><a href="#"><img src="img/dress9.jpg" alt="" /></a></li> </ul> </div> $('#slideshow .slider li').hide();//ページ上の画像を隠す var i = 0; var c = 0; $(window).bind("load", function() { var c = setInterval(showImg() , 500); }); function showImg() { var imgLength = $('#slideshow .slider li').length; if (i >= imgLength) { clearInterval(c); } $('#slideshow .slider li:hidden').eq(0).fadeIn(500); i++; } 上記のように書いたのですが、ループしてくれません。 i++がきいてないように思います。 一枚ずつ表示していき、非表示の最初のliにフェイドインさせるようにしています。 すみませんが教えて頂ければ幸いです。 宜しくお願い致します。
- ベストアンサー
- JavaScript
- changeImgによる画像の入れ替え時のIEにおける不安定さ
changeImgで画像を入れ替えたいのですが、 FireFoxでは問題ないのですが、 IEだと、画像が表示されない、半分だけ表示される、等の現象が発生してしまいます。 表示されないときに右クリックの画像を表示するにすると表示されます。 http://inoue.sub.jp/test/ ソースは ************************** function changeImg(iName,img){ document.images[iName].src=img; } ************************** <img height="344" border="0" width="230" name="tar01" id="tar01" alt="" src="img/01.jpg"/> <a onclick="changeImg('tar01','img/01.jpg');" onmouseout="changeImg('tar02','img/07.jpg')" onmouseover="changeImg('tar02','img/08.jpg');" href="javascript:void(0);"> <img height="83" border="0" width="50" name="tar02" id="tar02" alt="" src="img/07.jpg"/></a> <a onclick="changeImg('tar01','img/02.jpg');" onmouseout="changeImg('tar03','img/09.jpg')" onmouseover="changeImg('tar03','img/10.jpg');" href="javascript:void(0);"> <img height="83" border="0" width="50" name="tar03" id="tar03" alt="" src="img/09.jpg" class="pl5"/></a> になります。 何処がおかしいのでしょうか？どうぞよろしくお願いいたします。
- 締切済み
- JavaScript
- noscriptをどうすれば？
大小の画像を２枚用意して クリックすると大画像が別ウィンドウで表示できるようになりました。 javascripがOFFの時にnoscriptで別窓表示させるようにもしました。 最初はnoscriptを別に置いたのですが、これだとjavascripがOFFの時に最初から小画像が２つ表示されてしまいます・・・ <a href="javascript:void(0)" onclick=" window.open('big.jpg', '_blank', 'width=600,height=600,scrollbars=no,toolbar=no,menubar=no,directories=no,location=no'); "> <img src="mini.jpg" width="300" height="300" alt="画"> </a> <noscript><a href="big.jpg"> <img src="mini.jpg" width="300" height="300" alt="画"></a> "></noscript> そこで、下記のようにしましたが・・・ 動作はできるみたいです。でもnoscriptのHTMLでの位置で何か変な感じです。正しい方法をご教授ください。 <a href="javascript:void(0)" onclick=" window.open('big.jpg', '_blank', 'width=600,height=600,scrollbars=no,toolbar=no,menubar=no,directories=no,location=no'); "> <noscript><a href="big.jpg"></noscript> <img src="mini.jpg" width="300" height="300" alt="画"> </a> これ１枚の画像だけなのでライブラリを使いたくないのです。
- ベストアンサー
- JavaScript
お礼
回答ありがとうございます！ 拡張子を間違えていたようです... 本当にありがとうございました！