No.1
- 回答日時:
JAVAソースということですが、SCRIPTの方でしょうか?APPLETでしょうか?
やりたいことは、
画像ボタンの上にマウスを乗せると他の場所に画像が表示されるというものでいいのでしょうか?
この他の場所というのは、新しくウィンドウを開くのか、同じページ内で開きたいのか、そこのところもう少し詳しくお願いします。
あとアドバイスとして、JAVAまったくの初心者なら、同じようなことをしているサイトを見るより、検索サイトで「JAVA 初心者」とでもキーワードをうち、基礎から解説してくれているところで、少し勉強してみてはいかがでしょうか?
さっそくのご回答をありかどうございます。
教えていただきたいことは
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>
No.2ベストアンサー
- 回答日時:
HTMLタグについてはどのくらいご存知か分からないですが、<DIV>タグなんかは使ってみてはいかがでしょう?
NNだと<LAYER>タグだったかな。
それらを使うと画面中任意の場所に画像が出せるのですが、javascriptを使って出したり消したりもできます。
良さげなものがあったので、参考にしてください。
参考URL:http://www.justnet.ne.jp/javascript/sample/b08/i …
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS 画像が分割されて切り替わる、ループアニメーションが作りたい 7 2023/05/27 17:12
- AJAX 自作の地図をグーグルマップのようにしたい 3 2022/11/15 11:53
- スピーカー・コンポ・ステレオ AVアンプで映像を視聴しています。 4 2022/07/31 05:10
- Visual Basic(VBA) エクセルマクロでアニメを作る方法を教えてください。 1 2023/02/07 14:27
- その他(パソコン・周辺機器) ウインドウズ10のログオフ画面に現れる画像について教えて下さい ログオフをしてログイン待ちの画面にな 1 2023/05/19 21:37
- HTML・CSS トリミングで表示した画像をクリックで元どおりにしたい 3 2022/12/16 18:49
- HTML・CSS HTML と CSS 1 2023/03/07 06:50
- Windows 10 フォルダ内の全ての画像を矢印キーでスライドできるようにしたい 1 2022/10/21 12:53
- WordPress(ワードプレス) ホームページの画像が入れ替わらない 3 2022/12/24 16:00
- アプリ Edgeを操作するアプリについて 4 2023/05/11 22:48
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
ボタンを押したままにする。
-
背景が透明なリンクボタンで、...
-
画像のアドレスについて
-
HTMLファイルの一部の画像だけ...
-
web制作の初心者です。車のHP...
-
画像を二枚ずつ表示して、選ん...
-
javaスクリプトが反映されない
-
タイトルバーに画像を入れるHTM...
-
画像リンクの上に文字リンクを...
-
崩れたレイアウトが更新すると...
-
IEでのalt属性ポップアップ表示...
-
クリッカブルMAP領域が分かる様...
-
任意の画像を左端と右端をぴっ...
-
すいません HTMLです この画像...
-
HTMLでデスクトップの画像がでない
-
右クリック禁止タグについて
-
セル間に見える微妙な境目を消...
-
IMGタグでTIFF画像を表示
-
フォルダ内の画像をウェブでラ...
-
HTMLタグの画像貼り付けのことで
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
ボタンを押したままにする。
-
背景が透明なリンクボタンで、...
-
バナーの貼り方とバナーにリン...
-
HTMLにQRコードを挿入する方法
-
IMGタグでTIFF画像を表示
-
スライドショーの上にロゴマー...
-
pngやjsの後ろの英数字の意味は...
-
タイトルバーに画像を入れるHTM...
-
拡張子無しで画像を表示したいです
-
form以外でのpostってできますか?
-
クリッカブルMAP領域が分かる様...
-
クリックしても、リンクに飛ば...
-
予約語の表示について
-
HTMLでデスクトップの画像がでない
-
崩れたレイアウトが更新すると...
-
カーソルを合わせると文字が出...
-
カウンターのHTMLソースを教え...
-
画像クリックでクリップボード...
-
tifファイルが表示されない
-
IFRAME内に収まるように画像を...
おすすめ情報