スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

関連エントリ抽出中...

画像をランダムに表示する方法 其の2

blog_teku.png

今回は以前紹介したものと違う画像をランダム表示する方法を紹介したいと思います

今回紹介する方法は、画像1つ1つにリンクを設定することができます

このサイトではアフィリエイトの画像のところに使用しています

詳しくは、つづきから

<SCRIPT language="JavaScript">
<!--
// ランダムに画像を表示する
jmp = new Array();
img = new Array();
// ジャンプ先のアドレス(数字は画像と対応)
jmp[0] = "http://www.yahoo.co.jp/index.html";
jmp[1] = "http://www.google.co.jp/";
jmp[2] = "http://kininaru7777.blog76.fc2.com/";
jmp[3] = "http://kininaru7777.blog76.fc2.com/";
jmp[4] = "http://kininaru7777.blog76.fc2.com/";
// 画像のアドレス(数字はジャンプ先のアドレスと対応)
img[0] = "img/img0.jpg";
img[1] = "img/img1.jpg";
img[2] = "img/img2.jpg";
img[3] = "img/img3.jpg";
img[4] = "img/img4.jpg";
n = Math.floor(Math.random()*jmp.length);
document.write("<a href='"+jmp[n]+"'>");
document.write("<img src='"+img[n]+"' border='0'>");
document.write("</a>");
//-->
</SCRIPT>


img/img0.jpg や、img/img1.jpg のところに使用したい画像のURLを入力した後

jmp[0] や、jmp[1] のところに画像に対応したURLを入力してください

お疲れ様でした

関連エントリ抽出中...




管理者にだけ表示を許可する

この記事のトラックバックURL
http://kininaru7777.blog76.fc2.com/tb.php/430-62d8f648





ページ最上部へ
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。