ロールオーバー、ランダム画像
-
0 名前： みゆき ： 2006/01/16 10:21
- 現在、ランダム画像に代替とリンクをつけているのですが、これに追加でランダムに変更した
画像ごとにロールオーバーさせたいのです。いろいろ試していますが、うまくいきません。
ソースは下記のようにしています。
お力を貸してください。よろしくお願いします。
<script language="JavaScript">
<!--
function mrandom(max)
{
var n = max * Math.random()
n = Math.ceil(n);
return ( n );
}
function omikuji()
{
document.write ();
var x = mrandom( 3 );
if ( x == 1 )
{
document.write ( "<a href=☆.html><img src=☆.gif alt=☆></a>");
}
if ( x == 2 )
{
document.write ( "<a href=☆.html><img src=☆.jpg alt=☆></a>");
}
if ( x == 3 )
{
document.write ( "<a href☆.html><img src=☆.gif alt=☆></a>");
}
}
document.write ();
omikuji();
// -->
</script>
-
1 名前： m035 ： 2006/01/16 10:21 ［URL］
- <script type="text/javascript">
<!--
var url=new Array("page1","page2","page3");//リンク先
var img=new Array("pict1","pict2","pict3");//イメージurl
var old=new Array("on1","no2","on3");//マウスオーバー時のイメージurl
var txt=new Array("img1","img2","img3");//altの内容
function imgon(obj,num){
obj.src=old[num]+".gif";
}
function imgoff(obj2,num2){
obj2.src=img[num2]+".gif";
}
function omikuji(){
var x=Math.floor(Math.random()*url.length);
document.write('<a href="'+url[x]+'.html"><img src="'+img[x]+'.gif" alt="'+txt[x]+'" onmouseover="imgon(this,'+x+')" onmouseout="imgoff(this,'+x+')"></a>');
}
omikuji();
// -->
</script>
-
2 名前： みゆき ： 2006/01/16 10:21
- m035、返信遅くなってすいません。
今、試したら問題なくできました！ほんとにありがとうございます！！
画像の周りにリンクの線（青とか、紫）が付くのですが、これを消す事はできますか？
何度も質問すいません＾＾；
-
3 名前： やほほ ： 2006/01/16 10:21
- <IMG SRC=・・・・・Border="0">
で大丈夫だと思うのですが。
-
4 名前： 匿名希望 ： 2006/01/16 10:21
- img{border-style:none;}
-
5 名前： みゆき ： 2006/01/16 10:21
- やほほさん、匿名希望さんありがとうございますっ！
あの・・・どこにそのタグを入れればよいのでしょうか。
ほんとうにすいませんＴＴ
-
6 名前： 匿名希望 ： 2006/01/16 10:21
- いや、すいませんとかじゃなくて基本的なこと無知すぎませんか？
このサイトのHTMLタグとかスタイルシートの説明読めばわかりますっつーか読むべきです。
-
7 名前： みゆき ： 2006/01/16 10:21
- 匿名希望さん、すいません・・・
いろいろと試してみたのですが、どうしても出来なくて
後、これだけがわからないんですＴＴ
本当にお教え頂けませんか？
-
8 名前： 匿名希望 ： 2006/01/16 10:21
- はい、教えません。
というか画像周りのリンク線を消すくらいちょっと勉強すればすぐにわかるんで、>>6で述べましたがこのサイトでいろいろ勉強なさるべきです。
>いろいろと試してみたのですが、どうしても出来なくて
と仰ってますが、何をどうやって上手くいかなかったのか教えて頂きたいですね。
さもなくば努力不足にしか見えません。
-
9 名前： みゆき ： 2006/01/16 10:21
- できました！m035さん、やほほさん、匿名希望さん、
どうもありがとうございました♪
