検索サーチエンジンと動画リンク集byねっとねこ

アクセス毎に画像をランダムに変える Javaスクリプト!

アクセス時に、ランダムに違った画像を表示する JavaScriptの紹介です。

ここで使用する Javaスクリプトは、WINDOWSの IE 6.0 7.0 にて
動作確認をしています。古いバージョンの IE や MAC専用の
ブラウザでの動作確認は しておりませんので、正しく表示され
るか?おかしな表示になるか?は ご自身で確認してください!

アクセス毎に画像をランダムに変える Javaスクリプト

アクセス毎に画像がチェンジする Javaスクリプトです。
この手のスクリプトは、他にもいろいろあるようですが
私は、シンプルで簡単なモノがいいので、こちらを紹介します。

サンプルは、ここの「ねっとねこサイト」の各ページの上に付いている
ねこちゃんの写真が サンプルです。 各ページへ移動した時など
上のねこちゃんの写真が変わるのが 分かると思います。
今、このページを 更新しても、画像がかわります。

Javaスクリプトは、この下です。
エリア内で 右クリック→ コピー

上のJavaスクリプトは、チェンジ画像を 10枚用意した時のものです。
チェンジ画像は、何枚でも設定できます。 .gif 画像でも OK です。

1.jpg 〜 10.jpg の画像を、自分の画像のファイル名に変更します。

myImageCnt = 10; ←ここの、10; は、設置する画像の枚数です。
20枚のチェンジ画像を設置する時は、myImageCnt = 20; とします。

ファイルを増やす時は、このままの延長で、縦一列に増やします。
注意することは、最後の末尾の画像ファイルのところは
ここでは、 "10.jpg" の画像のところですが、カンマが付いてません。
よく確認してくださいね。

"9.jpg", ← "9.jpg" までは、下の カンマが付いてます。

"10.jpg" ← "10.jpg" は、下の カンマ無しです。
最後のファイルは、カンマ無し にしてください。エラーになります。

編集した、Javaスクリプトを
<script language="JavaScript"> から </script> までを
<body> bodyタグ以下の、チェンジ画像を表示させたい場所に
付ければ、設置完了です。 設置後は、ページを更新して
画像が変わるか? チェックしてください!

おしまい。。。








Copyright © 2008 - 2009 ねっとねこ Net-NekoProduction. All Rights Reserved.アクセスランキング