マウスオンで画像が切り替わるというJAVAソースですが、
違う位置に画像を表示させるというやり方を教えてください。

そのようなサイトをみてソースをみるのですが、
JAVAプログラムは全然知らないので、見ても
どこがどうなっているのか、さっぱりわかりません。


本当に初心者とも言えないのですが、
何とか気の長い方、教えてください。

このQ&Aに関連する最新のQ&A

A 回答 (2件)

HTMLタグについてはどのくらいご存知か分からないですが、<DIV>タグなんかは使ってみてはいかがでしょう?


NNだと<LAYER>タグだったかな。
それらを使うと画面中任意の場所に画像が出せるのですが、javascriptを使って出したり消したりもできます。

良さげなものがあったので、参考にしてください。

参考URL:http://www.justnet.ne.jp/javascript/sample/b08/i …
    • good
    • 0

JAVAソースということですが、SCRIPTの方でしょうか?APPLETでしょうか?



やりたいことは、
画像ボタンの上にマウスを乗せると他の場所に画像が表示されるというものでいいのでしょうか?
この他の場所というのは、新しくウィンドウを開くのか、同じページ内で開きたいのか、そこのところもう少し詳しくお願いします。

あとアドバイスとして、JAVAまったくの初心者なら、同じようなことをしているサイトを見るより、検索サイトで「JAVA 初心者」とでもキーワードをうち、基礎から解説してくれているところで、少し勉強してみてはいかがでしょうか?

この回答への補足

参考URLです。

http://www.parkfield.net/attenir/index02.htm

補足日時:2000/12/25 13:51
    • good
    • 0
この回答へのお礼

さっそくのご回答をありかどうございます。
教えていただきたいことは

JAVASCRIPTでおっしゃる通り、画像ボタンの上にマウスを乗せると他の場所に画像が表示されるというもの、そして、同じページ内で開きたいのです。

前に少し勉強して、同じ位置で画像を切り替えることは
できたのですが、その応用がきかないんです。。。
そのときは、以下のように設置しました。
(長いまんまのせます、すみません)

よろしくお願いします。



<script language="javascript">
<!----------------------------------------
if(navigator.appVersion.charAt(0) >= 3) {
var img = new Array();
img[0] = new Image(); img[0].src = "reki-cg/0.gif";
img[1] = new Image(); img[1].src = "reki-cg/1.gif";
img[2] = new Image(); img[2].src = "reki-cg/2.gif";
img[3] = new Image(); img[3].src = "reki-cg/3.gif";
img[4] = new Image(); img[4].src = "reki-cg/4.gif";
img[5] = new Image(); img[5].src = "reki-cg/5.gif";
img[6] = new Image(); img[6].src = "reki-cg/6.gif";
img[7] = new Image(); img[7].src = "reki-cg/7.gif";
img[8] = new Image(); img[8].src = "reki-cg/8.jpg";
img[9] = new Image(); img[9].src = "reki-cg/9.jpg";
img[10] = new Image(); img[10].src = "reki-cg/10.jpg";
img[11] = new Image(); img[11].src = "reki-cg/11.jpg";
img[12] = new Image(); img[12].src = "reki-cg/12.jpg";
img[13] = new Image(); img[13].src = "reki-cg/13.jpg";
img[14] = new Image(); img[14].src = "reki-cg/14.jpg";
}

function change_image(nam,num) {
if(navigator.appVersion.charAt(0) >= 3) {
document.images[nam].src = img[num].src;
}
}
//---------------------------------------->
</script>




<base target="_self">




</head>

<body background="reki-cg/bg.gif">

<div align="center">
<center>

<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="top" align="left"><table border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="bottom" align="left"><img src="reki-cg/reki-01.gif" width="57" height="37"></td>
<td valign="bottom" align="left"><img src="reki-cg/reki-02.gif" WIDTH="224" HEIGHT="18"></td>
</tr>
</table>
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="top" align="left"><img src="reki-cg/reki-03.gif" WIDTH="57" HEIGHT="19"></td>
<td valign="top" align="left"><img src="../../anime-02.gif" width="19" height="19" align="absmiddle"><img src="../../anime.gif" alt="anime.gif (846 バイト)" align="absmiddle" WIDTH="21" HEIGHT="10"><img src="../../anime-02.gif" width="19" height="19" align="center"></td>
<td valign="top" align="left"><img src="reki-cg/reki-04.gif" WIDTH="161" HEIGHT="19"></td>
</tr>
</table>
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="top" align="left"><img src="reki-cg/reki-05.gif" WIDTH="281" HEIGHT="4"></td>
</tr>
</table>
</td>
</tr>
</table>

</center>
</div>

<table border="0" cellspacing="0" cellpadding="0" height="25">
<tr>
<td width="100%"><img src="../../ichioshi/cg/back-back.gif" width="12" height="25"></td>
</tr>
</table>

<div align="center">
<center>
<table border="0" cellspacing="10" cellpadding="10">
<tr>
<td width="70"><a href="kura.htm" onMouseOver="change_image('card1',8)" onMouseOut="change_image('card1',1)">
<img src="reki-cg/1.gif" name="card1" img border="0" width="61" height="61"></a></td>
<td width="70"><a href="kitain.htm" onMouseOver="change_image('card2',9)" onMouseOut="change_image('card2',2)"><img src="reki-cg/2.gif" name="card2" img border="0" width="61" height="61"></a></td>
<td width="70"><a href="tousyo.htm" onMouseOver="change_image('card3',10)" onMouseOut="change_image('card3',3)"><img src="reki-cg/3.gif" name="card3" img border="0" width="61" height="61"></a></td>
</center>
<td width="300" rowspan="3">
<p align="right"><img border="0" src="reki-cg/ph1.jpg" align="right" width="267" height="204"></td>
</tr>
<center>
<tr>
<td width="70">
<p align="center"><font color="#FFFFFF">Kawagoe</font></p>
</td>
<td width="70"><a href="shiro.htm" onMouseOver="change_image('card4',11)" onMouseOut="change_image('card4',4)"><img src="reki-cg/4.gif" name="card4" img border="0" width="61" height="61"></a></td>
<td width="70">
<p align="center"><font color="#FFFFFF">History</font></p>
</td>
</tr>
<tr>
<td width="70">

<a href="rakan.htm" onMouseOver="change_image('card5',12)" onMouseOut="change_image('card5',5)">
<img src="reki-cg/5.gif" name="card5" img border="0" width="61" height="61"></a></td>
<td width="70">

<a href="hikawa.htm" onMouseOver="change_image('card6',13)" onMouseOut="change_image('card6',6)">
<img src="reki-cg/6.gif" name="card6" img border="0" width="61" height="61"></a></td>
<td width="70">

<a href="miyoshino.htm" onMouseOver="change_image('card7',14)" onMouseOut="change_image('card7',7)">
<img src="reki-cg/7.gif" name="card7" img border="0" width="61" height="61"></a></td>
</tr>
</table>
</center>
</div>

お礼日時:2000/12/25 13:36

このQ&Aに関連する人気のQ&A

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aと関連する良く見られている質問

QJavaのソース(アプレット)をEclipseで読み込み実行するには?

題名が長くてすみません.
Eclipse初心者のもので,Javaのソースのみ(hoge.java)をEclipseで読み込んだまではいいのですが,実行できません.どのような設定が必要でしょうか?

また,Eclipseにてレイアウトを見ることは可能でしょうか?

ちなみに,アプレット自体は,ブラウザで正しく実行されます.よろしくお願いいたします.

Aベストアンサー

>実行できません。
とはどういう状態なのでしょうか?
コンパイルは正常終了したのでしょうか?

メニューのRun->Run..->Java Appletを選択->左下の新規(W)をクリック->右下のRunをクリックして実行。

よくあるのはJavaのソース以外に画像ファイルとかをアプレット内で使用していて、
実行時に該当のファイルが存在しないため、
実行エラーになるというのがありますが…。

あと参考情報
EclipseWiki
http://eclipsewiki.net/eclipse/

レイアウトを見ることについては、私の知る限り不可能かと思われます。

QJavaソースコードをコンパイルするJavaプログラム

タイトルの通りですが、Javaソースコードをコンパイルし、実行するJavaプログラムを作りたいのですが、なにか有効な方法はありますでしょうか。
Runtime.getRuntime().exec( "javac Test.java" );
のようにすると、エラーになります。

なにか良い方法をご存知でしたら、よろしくお願いします。

Aベストアンサー

Javaのソースコードをコンパイルするのでしたら、Runtime.getRuntime().exec()を使ってもいいですけど、com.sun.tools.javacを使っては? これは、JDKのjavacコマンドが実行されるときに内部から呼び出されるコンパイルクラスです。

// 以下をimport
// import com.sun.tools.javac.*;

Main main = new Main();
String[] param = {"./Sample.java"};
main.compile(param);

例えばこんな具合にしてcom.sun.tools.javacのMainインスタンスを作成し、ファイルパスの配列を引数にしてcompileを呼び出してやります。わざわざexecで外部のタスクとして起動するより、こちらのほうがスマートかと。

QJavaで簡単なゲームをつくってみようと思うのですが、Javaはどこにあるんですか?

Javaで簡単なゲームをつくってみようと思うのですが、Javaはどこにあるんですか?

Aベストアンサー

ここ
http://www.oracle.com/technetwork/java/javase/downloads/index.html

こっちは日本語ですが、結局上のリンクに行くことになります
http://www.oracle.com/technetwork/jp/java/javase/downloads/index.html

Q1つの画像オンマウスで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だと表示がおかしくなります。

改善方法はありませんでしょうか?
助けてください!

現在、下記のような感じで一つの画像オンマウスでその画像を含む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="" wid...続きを読む

Aベストアンサー

こんにちは

>Firefoxだと表示がおかしくなります。
どうおかしいのでしょうか?
同じような挙動をしているような気がするのですが・・・

あと載せる為に変更されたのかもしれませんがnameなどに数字ではじめるとおかしくなります
先頭はアルファベットなどにしてください

aaaaaa.gif(デフォルト) → a.gif(onMouseover) ←→ a_01.gif(onMouseout)のことですか?

Qオンマウスで、画像切り替え+別箇所の画像も同時に切り替えられのでしょうか?

お世話になっております。
もしJavascriptのカテゴリーと違うものでしたらすみません。

オンマウスにて画像を切り替えるJavascriptがあるのは存じておりますが、
オンマウス時にそのような画像切り替えをすると同時に
別部分にある画像エリアの画像、(もしくはHTML)も切り替える事は可能なのでしょうか。
別々に切り替え設定をすることは出来そうですが、同時に切り替えが出来るものなのかと思いまして、今回質問させて頂きました。

何ぶんよくわかっていないもので説明不足な点も多いかと思いますが、何卒宜しくお願い致します。

Aベストアンサー

やり方はいろいろ考えられます。
手っ取り早いのはidを振ってsrcを変えてしまうことでしょう。
その他グルーピングしたり、スタイルシートを併用したり
いろいろありそうですが、まぁフロー的にはそんなに変わりません

<img src="1.jpg" onmouseover="this.src='3.jpg';document.getElementById('another').src='4.jpg'" onmouseout="this.src='1.jpg';document.getElementById('another').src='2.jpg'" ><img src="2.jpg" id="another">


このカテゴリの人気Q&Aランキング

おすすめ情報