java超初心者の画像拡大表示で困っています
- java初心者が画像をクリックして拡大させる方法に挑戦しましたが、表示できない問題が発生しました。
- 使用したjavaコードに問題はなく、画像のファイル名を変えただけで表示できない理由が分かりません。
- 同じページに複数の画像を追加することができないのでしょうか？困っています。
- ベストアンサー
java超初心者です。
はじめまして。表題のとおりjava初心者です。 画像をクリックして拡大させる方法をjavaで初挑戦しました。 無事に成功しましたが、同じページにもう一つ追加したところ 拡大した画像（大）は表示されていますが元の画像（小）は画像が表示されず×になってしまいます。 使用している画像には問題はありません（imgだけで表示されるかテスト済み） 使用したjavaは下記のとおりです。 --------------------------------------------------- <a href="javascript:void(0)" onClick=" window.open('img/ファイル名.jpg', '_blank', 'width=353,height=400,scrollbars=no,toolbar=no,menubar=no,directories=no,location=no'); "><img src="ファイル名.jpg" width="482" height="330" border="0"></a> --------------------------------------------------- ファイル名を変えただけで表示できない理由が分からず困っています。 同ページにふたつは使用できないのでしょうか？ 本当に初心者で始めて挑戦したので、質問内容に説明不足があるかと思いますが 原因がわかり簡単な対処方法を教えて下さると助かります。 よろしくお願いします。
- shinosuke88
- お礼率100% (2/2)
- JavaScript
- 回答数2
- ありがとう数3
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
自分の環境で試して見ましたが普通に動きますね。 と言う事で単純にファイルのパスの問題と思います。 提示されたソースの場合、 「htmlファイルと同じディレクトリに 小画像"ファイル名.jpg" がある」 「htmlファイルのある階層にimgディレクトリがあり、そこに大画像"ファイル名.jpg"がある」 となります。 そうなっていますでしょうか？ 「そんなファイル/フォルダ構成ではない」と思われたら、ソースが違います。 「確かにそのファイル/フォルダ構成になっている」のでしたら、ファイル名が違います。 小さい画像が表示されないと言う事は、 「実は小画像も img フォルダに入っている」 「単純に小画像の名前が違う」 辺りではないかと思われます。 蛇足ですが、ツッコミを入れていただきますと、これは JavaScript の質問であって Java ではありません。 （JavaScriptのカテはお隣です）
その他の回答 (1)
- SpiralGalaxy
- ベストアンサー率39% (649/1652)
基本的なところを勘違いされているみたいですけど Java と JavaScript は全く別物ですよ。 Javaは本格的なプログラム言語ですけど JavaScript はただのスクリプト言語です…。 ＞<img src="ファイル名.jpg" ここのパス名かファイル名が間違っているのではないですか？
お礼
ご親切にご回答ありがとうございました。 基本的なjavaの理解が出来ていませんでした＾＾； 明日再挑戦します！
関連するQ&A
- 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
- ＩＥとSafari、Firefox
ＩＥとSafari、Firefoxでは、スタイルシートでの指定などが変わってくるようですが、どこがどのように変わるのかいまいちわかりません。フォントの種類の指定の仕方だけは本で分かりました。 ＨＰを作りながらＩＥでばかり確認していたので、Firefox で見たときの崩れかたにはがっかりしました。 画像をクリックすると 別ウィンドゥで画像が大きくなるようにリンクを貼っていたのですが、Safari ではマウスが反応しないと指摘されました。 <a href="#" onClick="window.open('img/works-1-1b.jpg','_blank','width=720,height=505,menubar=no,scrollbars=no,resizable=no,status=no,location=no,directories=no,toolbar=no')"><img src="img/works-1-1a.jpg" width="160" alt="" /></a> ＩＥでは正常に動作します。 何がいけないのでしょうか？ 初めてのことで 大変困っています。 どなたかご教授下さい
- ベストアンサー
- HTML
- ■ポップアップウィンドウをIEで見ると隙間が出来る■
いつもお世話になっております。 サムネイル画像をクリックすると大きな画像がポップアップウィンドウで表示されるページを作っています。 ツールバー等全て非表示（toolbar=noなど）をして、画像の大きさぴったりにサイズも合わせているのですが、IEで見ると何故か左と上に隙間が出来ます。 macのdreamweaverで作っていて、safariで見ると隙間は出てこないのですが、windowsのIEで見ると隙間が出来てしまいます。 これを画面ぴったりにおさめるにはどうすれば良いのでしょう。 使っているjavascriptは <a href="javascript:;" onClick="MM_openBrWindow('img01.jpg','img01','toolbar=no,location=no,status=no,menubar=no,scrollbars=no,resizable=no,width=600,height=500')"><img src="small/img-s01.jpg" width="100" height="100" border="0"></a> を使っています。 何に問題があるのかも教えて頂けると助かります。 宜しくお願い致します。
- 締切済み
- JavaScript
- 【Java】画像表示が出来ない！
Java初心者です。 Eclipseを使って、Javaアプレットでjpeg画像を表示させようとしたのですが、上手くいきません。表示したい画像をインポートして、このようなコードを書きました。 import java.applet.Applet; import java.awt.*; /* <applet code="クラス名.class" width="497" height="600"> <param name="img" value="img/test.jpg"> </applet>*/ public class クラス名 extends Applet { Image img; public void init() { img = getImage(getDocumentBase() , getParameter("/test.jpg")); } public void paint(Graphics g) { g.drawImage(img , 0 , 0 , this); } } Javaアプレットで実行しても、アプレットは真っ白なままです。GIF画像でも試してみましたが、同じく失敗でした。他のJavaアプレットのプログラム（図形を表示したり）は成功したので、私のパソコンのJavaは問題ないと思います。回答よろしくお願いします。
- ベストアンサー
- Java
- ジュゲムのブログですが。。
プロフの蘭に、リンクを貼りたいのですが、リンクに飛べません。 とりあえず、編集欄に <SCRIPT language=JavaScript><!-- function subWin1(){ window.open("小窓の中に表示したいアドレス","window2","resizable=no,menubar=no,directories=no,status=yes,location=no,scrollbars=yes,toolbar=yes,width=横幅,height=高さ,left=左からの距離,top=上からの距離"); } --> </SCRIPT> <A href="javascript:subWin1();"><IMG src="画像でリンクを貼るときはココに画像のＵＲＬ" width="幅" height="高さ" border="0"></A> ↑を入れたのですが、飛んでくれません。 編集欄に入れるんではないのですか？？？
- ベストアンサー
- ブログ
- jsでサムネイルを拡大表示 複数設置するには
自分なりにやってみているのですがどうにも解決できない状態に なってしまいましたので教えて頂けたらと思います。 サムネイル画像をクリックすると拡大画像が表示されるjsを作成し この仕組みを一つ設置するのは成功したのですが同じ仕組みを 同じページ内に複数設置するやり方が分かりません。 htmlは下記の様になっています。多少、省いております。 よろしくお願い致します。 <!-- myImg = new Array(0) myImg[0] = ["img/img-1.jpg",""] myImg[1] = ["img/img-2.jpg",""] myImg[2] = ["img/img-3.jpg",""] function chengeImg(i){ document.myPhoto.src = myImg[i][0]; } //--> <td> <img src="img/img-1.jpg"name="myPhoto" width="500" height="400" id="myPhoto" /></td> <td><img src="img/img-1.jpg" width="80" height="80"onmouseover="chengeImg(0)"/></td> <td><img src="img/img-2.jpg" width="80" height="80"onmouseover="chengeImg(1)"/></td> <td><img src="img/img-3.jpg" width="80" height="80"onmouseover="chengeImg(2)"/></td>
- 締切済み
- JavaScript
- onmouseoverで文章を入れ替える
サムネイルにマウスを移動させると画像が拡大表示されるようにウェブをデザインしました。 テーブルで作りました。 拡大画像の下に文章を入れたいのですが、どのように書けばいいですか？ 現在、下記のようにつくっています 拡大写真の表示 <IMG src="images/album1.jpg" width="400" height="400" name="myBigImage"> 拡大写真の説明 ？？ マウスオーバーさせるサムネイル <A href="javascript:void(0)" onmouseover="myChgPic('images/album1.jpg')"> <IMG src="images/salbum1.jpg" width="100" height="100">
- ベストアンサー
- CSS
- html内かscript内で画像出力。どちらが軽い
ホームページの読み込みは、画像を使えば使うほど重くなってしまいます。 下記コードでは、(1)と(2)で1.jpg～5.jpgの画像をページに出力しています。 (1)はHTMLに、(2)はscript内に、 (1)と(2)では(2)の方がhtmlに<img src=".jpg" width="800" height="300"/> と書かなかった分、ページが重くならない、ということになりますか？ <html> <head> <title>HTML上に直接imgを出力した場合</title> </head> <body> <img src="1.jpg" width="800" height="300"/> <img src="2.jpg" width="800" height="300"/> <img src="3.jpg" width="800" height="300"/> <img src="4.jpg" width="800" height="300"/> <img src="5.jpg" width="800" height="300"/> </body> </html> <html> <head> <title>HTML上にはimgを出力せず、script内でimgを出力した場合</title> <script language="JavaScript"> var imgSanple = new Array( "1.jpg", "2.jpg", "3.jpg", "4.jpg", "5.jpg"); var randomSelect = Math.floor((Math.random() * 100)) % imgSanple.length; var i = "<img src='"+imgSanple[randomSelect]+"' width='800' height='300'>"; document.write(i); // --> </script> </head> <body> <noscript> <img src="1.jpg" width="800" height="300"> </noscript> </body> </html>
- ベストアンサー
- JavaScript
- アメブロで画像が拡大表示できません。
アメブロで記事を作成して画像を載せましたが、画像をクリックしても拡大表示できません。 人のブログの写真はクリックすると拡大できます。 HTML表示では <a href="http://***.jpg"><img border="0" alt="*" src="http://***.jpg" width="*" height="*" /></a> となっています。 よろしくお願いします。
- 締切済み
- ブログ
- JavaScript - 月ごとに画像変化
<script type="text/javascript"> <!-- var myimg = new Array(); myimg[0] = '<img src="a.jpg" alt="a.jpg" width="477" height="33">'; myimg[1] = '<img src="b.jpg" alt="b.jpg" width="477" height="33">'; myimg[2] = '<img src="c.jpg" alt="c.jpg" width="477" height="33">'; myimg[3] = '<img src="d.jpg" alt="d.jpg" width="477" height="33">'; myimg[4] = '<img src="e.jpg" alt="e.jpg" width="477" height="33">'; myimg[5] = '<img src="f.jpg" alt="f.jpg" width="477" height="33">'; myimg[6] = '<img src="g.jpg" alt="g.jpg" width="477" height="33">'; myimg[7] = '<img src="h.gif" alt="h.jpg" width="477" height="33">'; myimg[8] = '<img src="i.jpg" alt="i.jpg" width="477" height="33">'; myimg[9] = '<img src="j.jpg" alt="j.jpg" width="477" height="33">'; myimg[10] = '<img src="k.jpg" alt="k.jpg" width="477" height="33">'; myimg[11] = '<img src="l.jpg" alt="l.jpg" width="477" height="33">'; var mynow = new Date(); var mymonth = mynow.getMonth(); document.write("<center><img 'src="+myimg[mymonth ]+"'></center>"); // --></script> このようなものをHTML属性のBODY内に入れて、月ごとに画像を変化させるということを実現しています。 画像の変化自体はうまくいってますが、ブラウザの多くは [a.jpg]'> （"["と"]"は画像の端）という風に、右端に文字が出てしまいます。 試しに、2つの"'"を消せば []> という風に、画像が見つからない×印がついて表示も出来ません。 文字が出ないようにするにはどう対応するのでしょうか。 詳しい方アドバイスお願いします。 ちなみにJavascriptにこだわらず、月ごとに画像が変化できれば何でもいいです。
- ベストアンサー
- JavaScript
お礼
ご親切のご回答ありがとうございました。 私は根本的なjavaの理解をしていませんでしたね＾＾； ファイルのパスは回答者様のご指摘通り 「htmlファイルのある階層にimgディレクトリがあり、そこに大画像"ファイル名.jpg"がある」でした。 今日は時間がなくて再挑戦できませんが、 明日にでもがんばってみます。 ありがとうございました。