アプリ版：「スタンプのみでお礼する」機能のリリースについて

JAVAで画像をボタンで切り替え表示し、さらにそれぞれの画像をそれぞれ

解決済

  • 質問者：chappyryuryu
  • 質問日時：
  • 回答数：3件

JAVAで画像をボタンで切り替え表示し、さらにそれぞれの画像をそれぞれ別のURL(.html)へリンクをつける方法について教えて下さい。

<html>
<head>
<script language="JavaScript"> <!--
var i_index=-1;

var arrImgs = [ '絵１.jpg', '絵２.jpg', '絵３.jpg', '絵４.jpg' ];
var tmp;
for (j=0; j<arrImgs.length ;j++){
tmp = new Image(); tmp.src = arrImgs[j]; arrImgs[j] = tmp;
}

function flt1(){
img1.style.filter="";
img1.style.filter="revealTrans(duration=1.500,transition=23)";
img1.filters[0].Apply();
img1.src=arrImgs[getGazou()].src;
img1.filters[0].Play();
}

function getGazou(){
var i= Math.floor(Math.random()*arrImgs.length);
if ( i==i_index ) {
if (i_index==arrImgs.length-1) {
i=0;
} else {
i++;
}
}
i_index=i;
return i
}
//-->
</script>
</head>

<body text="#000000">
<center>
<img id="img1" src="絵０.jpg">
</center>

<form name="fm">
<table align="center" border=1 bgcolor="#FFFFCC">
<tr>
<td colspan=2 align="right">
<input type="button" value="絵のランダム切り替え（フィルタ付）" onClick="flt1()">
</td>
</tr>
</table>
</form>
</body>
</html>

上記の内容で、各画像ごとにそれぞれ別のホームページURLへリンクさせたいのですが、どのようにすれば良いか分かりません。

下の方にある
<img id="img1" src="絵０.jpg">
の前に<a href=" ">を加えるとどの画像にもこのURLしかリンクされません。当然ですが…

http://oshiete.goo.ne.jp/qa/3786377.html
で回答されている方の内容にリンクを加える形になります。

色々と検索して探していますが、これらが組み合わさったソースが見当たらず解決できず先に進めません。

どうかご回答よろしくお願いいたします。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

A 回答 (3件)

No.2ベストアンサー

  • 回答者： yyr446
  • 回答日時：

もとプログラムががぜんぜんだめすすが、そのレベルで


そのまま改造すると
<script type="text/javascript">
<!--
var i_index=-1;

var arrImgs=['絵１.jpg','絵２.jpg','絵３.jpg','絵４.jpg'];
var arrUrls=['1.html','2.html','3.html','4.html'];
var tmp;
for (j=0; j<arrImgs.length ;j++){
tmp = new Image(); tmp.src = arrImgs[j]; arrImgs[j] = tmp;
}

function flt1(){
img1.style.filter="";
img1.style.filter="revealTrans(duration=1.500,transition=23)";
img1.filters[0].Apply();
var index=getGazou();
link1.href=arrUrls[index];
img1.src=arrImgs[index].src;
img1.alt="絵"+(index+1);
img1.filters[0].Play();
}

function getGazou(){
var i= Math.floor(Math.random()*arrImgs.length);
if ( i==i_index ) {
if (i_index==arrImgs.length-1) {
i=0;
} else {
i++;
}
}
i_index=i;
return i
}
//-->
</script>
</head>
<body text="#000000">
<center>
<a id="link1" href="/0.html"><img id="img1" src="絵０.jpg" alt="絵０"></a>
</center>
<form name="fm">
<table align="center" border=1 bgcolor="#FFFFCC">
<tr>
<td colspan=2 align="right">
<input type="button" value="絵のランダム切り替え（フィルタ付）" onClick="flt1()">
</td>
</tr>
</table>
</form>
</body>
    • good
    • 0
    • 件
通報する
この回答へのお礼

試したところできました！有難う御座います。

素人なりに色々とさわっていましたが、全然見当違いのところを改変していました。

それから、このプログラムは良いとは言えないのですね。

貴重な時間を割いて回答いただき、有難う御座いました。質問して良かったです^^

通報する
お礼日時：2010/06/30 17:21

No.3

  • 回答者： yyr446
  • 回答日時：

それから、これはとても大切な事ですが、



　JAVASCRIPTじゃなくてJAVAです。

JAVAとJAVASCRIPTは全く別のものです。
    • good
    • 0
    • 件
通報する
この回答へのお礼

ご丁寧にご指導・ご指摘をいただきまして有難う御座いました。

通報する
お礼日時：2010/06/30 17:00

No.1

  • 回答者： fujillin
  • 回答日時：

ご提示のコードでは、img要素のsrc属性を変更することで画像の内容を変更しているのですが、同じようにリンク要素（ <a ）のhref属性を変更してあげれば、リンク先を変更できます。



でも、その前に…
　ご提示のコードはIE限定（他のブラウザだと動かない）けど、そういう限定環境での利用のみと考えてよいのですね？
    • good
    • 0
    • 件
通報する
この回答へのお礼

ご説明いただき、有難う御座います。

IE限定というのは理解しておりましたが、他のブラウザでも動くようにするプログラムというのは、私には全然分かりませんので、これで納得させています。本当はできるといいですが・・・

貴重なお時間をいただき、有難う御座いました。

通報する
お礼日時：2010/06/30 17:26

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

Q質問する（無料）

関連するカテゴリからQ&Aを探す

ページトップページトップ

Q質問する（無料）

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

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

おすすめ情報