- ベストアンサー
画像が見えますか?
8月4日に「画像が見えますか?」という質問をしたもので、3人の方に答えていただきましたが、お礼が言えてないことと、質問の続きが出来なかったので、またお聞きします。 画像のソースをsrc="./page_3.files/image001.jpg"として、image001.jpgを転送しました。これで写真が見えますでしょうか。
- その他(インターネット接続・通信)
- 回答数4
- ありがとう数7
- みんなの回答 (4)
- 専門家の回答
質問者が選んだベストアンサー
前回答えてた者です。 見えてましたよ。 個人サイトのURLを書くと削除されるみたいなので、 注意してください。
その他の回答 (3)
- cool_
- ベストアンサー率31% (314/1005)
ローカルファイルのままでは、閲覧できません。 .files/ を取って転送してください。 後 http://www.・・・・・.or.jp/~・・・/・・.JPと書いてください、確かめようが今回は有りません (^_^;) 。 クール
お礼
ありがとうございます。こちらのURLが書けないのが残念です。
- min128mini
- ベストアンサー率34% (37/107)
後ろにカーテンのある靴下と「うろこ」のような模様の靴の「足」ですね。 黒文字も上の方でちゃんと右から左に行きます。これでよろしいですね?
お礼
ありがとうございます。これで安心しました。
- sesame
- ベストアンサー率49% (1127/2292)
あなたが8月4日になさった質問の質問ナンバー、またはあなたが画像を置いたサイトのURLを教えていただけますか?
お礼
ご親切にありがとうございます。URLを書くと削除されたのでお教えできません。あしからず。
関連するQ&A
- JAVASCRIPTの接続子について
始めまして、JAVASCRIPPTで以下の様なコードを書いているのですが 'img' + page;の部分でエラーになってしまいます。どなたか正しい書き方を御享受下さい。 //画像を最初にキャッシュする var img1 = new Image(); var img2 = new Image(); var img3 = new Image(); var img4 = new Image(); var page = 0; img0 = "image/ginotitle.JPG"; img1 = "image/Gino1page.JPG"; img2 = "image/Gino2page.JPG"; img3 = "image/Gino3page.JPG"; function moverts(){ switch(window.event.button) { case 1://************** 左クリック ********************************************* page = page - 1 ; //指定された画像を変更する document.getElementById("pic").src = 'img' + page; //id名「pic」の画像ソースをobjの画像ソースに書き換える document.getElementById("pic").src = 'img' + page; break; case 2://************** 右クリック ********************************************* page = page + 1 ; alert( = sns ); //指定された画像を変更する document.getElementById("pic").src = 'img' + page; //id名「pic」の画像ソースをobjの画像ソースに書き換える document.getElementById("pic").src = 'img' + page; break; } }
- 締切済み
- その他([技術者向] コンピューター)
- オンマウスでの拡大画像の位置指定
サムネイル画像にオンマウスした時の拡大画像の位置指定がよくわかりません。今の状態だとマウスを乗せた時に拡大画像がサムネイル画像とかぶってしまい、他のサムネイルが隠れてしまいます。できたら、拡大画像をサムネイル画像かぶらせず、左側に表示させたいのですがどう指定したらよいのでしょうか?ついでに拡大画像を右側、上、下に指定したい時の表示方法もあわせてアドバイスいただけたらありがたいです。 それと、サムネイル画像の下にちょっとしたコメントを記載したい時はどうしたら良いのでしょうか?どうかよろしくお願いします。 <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
- mozilla で画像が見れません。
HP制作の初心者です。 基本的な質問かと思いますがよろしくお願いします。 FFFTPを使って、画像をアップしたいのですが、IEでは見れるのに、Mozillaでは見れません。 どうしてでしょうか。 <td width="25%"><img src="C:\Program Files\citclejpg/aaa.jpg" width="150" height="120"></td> <td width="25%"><img src="C:\Program Files\citclejpg/aaa2.jpg" width="150" height="120"></td> <td width="25%"><img src="C:\Program Files\citclejpg/aaa3.jpg" width="150" height="120"></td> <td width="25%"><img src="C:\Program Files\citclejpg/aaa4.gif" width="150" height="120"></td> といった感じです。 よろしくお願いします。
- ベストアンサー
- HTML
- jQuery、画像を2箇所同時にロールオーバー
こんばんは。お世話になります。 jQueryを使ったJSについての質問です。 div.colにカーソルを合わせた時に、div内の画像2つを 同時にそれぞれロールオーバーさせたいです。 <div class="col"> <img src="image01.jpg"> <img src="image02.jpg"> </div> <div class="col"> <img src="image03.jpg"> <img src="image04.jpg"> </div> ・ ・ ・ オンマウス用の画像は、 image01.jpg→image01_on.jpg image02.jpg→image02_on.jpg という風に、すべて統一で「_on」を付けてあります。 画像自体をオンマウスするとロールオーバーするJSはよく見るのですが、 それらを格納しているdivをオンマウスした時に画像をロールオーバーさせる方法を 見つけられませんでした。 何か解決策がありましたら、お力をお貸しいただきたいです。 お手数ではありますが、何卒よろしくお願いいたします。
- ベストアンサー
- JavaScript
- マウスを置くと画像が切り替わる設定を2つ以上したい。
IRAMです。 リンクをメニューで作っています。 リンクはテキストと画像共に張っています。 画像に触れると、画像が切り替わるという動作を するソースを、 <a href="onsei.html" onMouseOver="if(document.images) IMAGE.src='Image/onsei_2sd.jpg'" onMouseOut="if(document.images) IMAGE.src='Image/onsei_s_mb.jpg'"> <IMG SRC="Image/onsei_s_mb.jpg" border="0" width=100 height=60 name="IMAGE"> </a> としました。 実際に表示させて見ると、 確かにマウスを置いたときに画像が切り替わった のですが、 この設定を2つ以上すると、 画像が切り替わらないのです。 マウスを置いたときに背景色が変わる設定は それぞれのリンクごとにできました。 しかし背景が画像であるとき、 2つ以上の画像に設定すると動作しないのです。 つまり設定が一つの画像に対してのときだけ 動作します。 この場合はどのような対策を取れば よろしいのでしょうか。 どなたか回答をお待ちしています。 よろしくお願い致します。
- ベストアンサー
- JavaScript
- 画像切り替える&画像何千枚でもコード増やさない方法
html上に表示させた画像をクリックすると、画像を切り替えるプログラムを作りたいのですが、 うまく動作しません。 1つ目の質問は、 document.images[]の方法もありますが、正しくなく互換がないそうなので使いたくありません。 document.getElementById()で画像を切り替えるにはどうしたらいいのでしょうか? 2つ目の質問ですが、 このプログラムは6枚の画像が切換えの対象になっていますが、 これが300枚とかになるとプログラムが増えて大変です。 GAZO[0] = new Image(50,50); GAZO[0].src = "0.jpg"; という風にしているところを var GAZO = new Array(); for(n=0; n<6; n++){ GAZO[n] = new Image(50,50); GAZO[n].src = "n.jpg"; } という風にすればできると思ったのですが、できませんでした。 n.jpgが""で囲まれて変数のnがただの文字列と見られているのかもと思い、 'GAZO[n] = new Image(50,50); GAZO[n].src = '+'"'+n+'.jpg'+'"'; このようにしてみましたがダメでした。 画像の枚数が何千枚になってもプログラムが増えない方法はありますか? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=Shift_JIS"> <meta http-equiv="Content-Style-Type" content="text/css"> <meta http-equiv="Content-Script-Type" content="text/javascript"> <title></title> <script type="text/javascript"> <!-- var Bifor = new Array(); Bifor[0] = new Image(50,50); Bifor[0].src = "befor0.jpg"; Bifor[1] = new Image(50,50); Bifor[1].src = "befor1.jpg"; Bifor[2] = new Image(50,50); Bifor[2].src = "befor2.jpg"; Bifor[3] = new Image(50,50); Bifor[3].src = "befor3.jpg"; Bifor[4] = new Image(50,50); Bifor[4].src = "befor4.jpg"; Bifor[5] = new Image(50,50); Bifor[5].src = "befor5.jpg"; function first(){ for(i=0; i<6; i++){ 'document.getElementById("after' + i + '").src' = Bifor[i].src; } } var GAZO = new Array(); GAZO[0] = new Image(50,50); GAZO[0].src = "0.jpg"; GAZO[1] = new Image(50,50); GAZO[1].src = "1.jpg"; GAZO[2] = new Image(50,50); GAZO[2].src = "2.jpg"; GAZO[3] = new Image(50,50); GAZO[3].src = "3.jpg"; GAZO[4] = new Image(50,50); GAZO[4].src = "4.jpg"; GAZO[5] = new Image(50,50); GAZO[5].src = "5.jpg"; function change(m){ 'document.getElementById("after' + m + '").src' = GAZO[m].src; } //--> </script> </head> <body onload="first()"> <form name="jirei" action="#"> //actionは必須。しかしに他に入れるものがないので便利な#を入れる <GAZO src="title.jpg"> <table> <tr> <td><img src="befor0.jpg" width="50" height="50" id="after0" onclick="change(0)"></td> <td><img src="befor1.jpg" width="50" height="50" id="after1" onclick="change(1)"></td> <td><img src="befor2.jpg" width="50" height="50" id="after2" onclick="change(2)"></td> </tr> <tr> <td><img src="befor3.jpg" width="50" height="50" id="after3" onclick="change(3)"></td> <td><img src="befor4.jpg" width="50" height="50" id="after4" onclick="change(4)"></td> <td><img src="befor5.jpg" width="50" height="50" id="after5" onclick="change(5)"></td> </tr> </table> <input type="button" value="元に戻す" onclick="first()"> </form> </body> </html>
- ベストアンサー
- JavaScript
- HTMLを使って画像を表示
htmlを使って画像を表示したいのですが、画像を表示されず左上のほうに×印になってしまいます。ソースは<img src=001.jpg>という風にやっているのですがなぜでしょうか?
- ベストアンサー
- その他(インターネット・Webサービス)
- ブラウザでハードディスク内の画像を表示するには
いつもお世話になり有り難うございます。 どのカテゴリで質問するか迷ったのですが、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
- アップロードした画像を表示するには
アップロードした画像を表示したいと考えてます。アップロードは非同期 なので、アップロードを実行するchild.phpで画像表示の処理もして、アッ プロードの命令を出すparent.phpに画像の表示を行います。 ---- child.php(一部) ---- move_uploaded_file($_FILES["upload_file"]["tmp_name"], $image_name); echo '<img src="' . $image_name . '" width="100" height="100">'; これで成功します。ただ画像を常に同じ場所に表示したくechoの部分を以下 のように書き換えると失敗します。 echo '<script>'; echo 'document.getElementById("pict").src="' . $image_name . '.jpg";'; echo '</script>'; ---- parent.php(一部) ---- <img src="" id="pict"> クロームのDevToolsで調べるとElementsでは以下のようにsrcに何もなく失敗してます。 <img src id="pict"> ところがSourcesでは「Cannot set property 'src' of null」とエラーが出ているのに 以下のようにsrcには画像名は入ってます。 <script>document.getElementById("pict").src="./image1/bfbiD.jpg";</script> なお同名の画像はきちんとアップロードしてます。対策があれば教えてもら えないでしょうか。
- ベストアンサー
- CSS
お礼
再びの回答ありがとうございます。見えたようでよかったです。削除されるとは知りませんでした(笑)