ランダム画像 & マウスオーバー画像切り替え

解決済

質問者：19780405
質問日時：2008/06/24 13:01
回答数：5件

こんにちは。
どうしてもわからない事がありますので質問させて下さい。
下記ソースにてランダム画像切り替えとマウスオーバーにて画像変更を行ってます。
<script language="javascript">

</script>

さらにマウスオーバー時の画像それぞれ個別にリンクを張り
さらにそれをインラインフレーム内で表示するのでtarget="_top"の値を付け加えたいです。
そのような事が可能であれば是非ご教授頂ければありがたいです。
みなさま、よろしくお願い致します。

通報する

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

質問の本文を隠す

回答 (5件)

No.5ベストアンサー

回答者： _pipi_
回答日時：2008/06/25 07:07

<script>

var img = 'gazou1.jpg gazou2.jpg gazou3.jpg gazou4.jpg gazou5.jpg gazou6.jpg'.split(' ');
//for(var i=0,img=[];i<6;i++) img[i]='gazou'+(i-0+1)+'.jpg';//これでもいいかも？
var url = 'url1.jpg url2.jpg url3.jpg'.split(' ');
var n = Math.floor(Math.random()*3);
document.write('<a href="'+url[n]+'" target="_top">');
document.write('<img src="'+img[n]+'" border="0" onMouseOver="this.src=\''+img[n-0+3]+'\'" onMouseOut="this.src=\''+img[n]+'\'">');
document.write('</a>');
</script>

- 0
- 件

通報する

No.4

回答者： _pipi_
回答日時：2008/06/24 20:33

さらに勘違い！

target="_top"
は意味が無いね;_;

ごめん！もう時間が無くてしばらく答えられません！
<a>タグで挟めばよろしいかと・・・

- 0
- 件

通報する

この回答へのお礼

どうもご丁寧に訂正までありがとうございます。
本当に感謝です(涙)
今から試してみたいと思います！
target="_top"の値を<a>タグで挟むっていうのは
どこに記述すればいいのか、お時間がある時でいいので
ご教授頂けるとありがたいです。すいません勉強不足で；；
どうかよろしくおねがいいたします。

通報する

お礼日時：2008/06/24 21:43

No.3

回答者： _pipi_
回答日時：2008/06/24 20:19

間違えた！

var url = 'url1.html url2.html url3.html'.split(' ');
半角空白文字で区切ってURLを配列に格納します

- 0
- 件

通報する

No.2

回答者： _pipi_
回答日時：2008/06/24 20:17

<html>

<body>
<script>
img = new Array();
img[0] = "gazou1.jpg";
img[1] = "gazou2.jpg";
img[2] = "gazou3.jpg";
img[3] = "gazou4.jpg";
img[4] = "gazou5.jpg";
img[5] = "gazou6.jpg";

var url = 'url1.jpg url2.jpg url3.jpg'.split(' ');
var n = Math.floor(Math.random()*3);

document.write('<img src="'+img[n]+'" border="0" target="_top" onMouseOver="this.src=\''+img[n-0+3]+'\'" onMouseOut="this.src=\''+img[n]+'\'" onClick="location.href=\''+url[n]+'\'">');
</script>

- 0
- 件

通報する

No.1

回答者： _pipi_
回答日時：2008/06/24 19:14

<html>

<body>
<img src="gazou4.jpg" target="_top" onMouseOver="this.src=this.src.replace(/\d/,Math.floor(Math.random()*3)-0+4);" onMouseOut="this.src=this.src.replace(/\d/,this.src.replace(/\D/g,'')-3)">

最初の画像が4番で固定です
ファイル指定のディレクトリの中に数字があると使えません