第2回長らくお待たせしました!(待ってないって(^_^;))
今回はJavaScriptを使ってページを読み込む時にトップ画像をランダムに表示させる改造方法です。ちなみにこれは自分のBlogにも使っている改造です。よかったら参考にして下さい。
※もしかしたら不具合が起こるかもしれないので、テンプレートのデータをテキスト書類として保存しておいて下さい。
<title><$BlogTitle ESCAPE$></title> </head> |
<title><$BlogTitle ESCAPE$></title> <script language="JavaScript"> <!-- photo = new Array(); //画像の指定。ランダムに表示したい数だけ増やす。photo[連番] = '画像URL'; photo[0] = '画像URL1'; //1つ目の画像 photo[1] = '画像URL2'; //2つ目の画像 photo[2] = '画像URL3'; //3つ目の画像 photo[3] = '画像URL4'; //4つ目の画像 r = Math.floor(Math.random()*photo.length); document.write('<style type="text/css">'); document.write('#banner,#subbanner{background: url("'+photo[r]+'") no-repeat;}'); document.write('</style>'); //--> </script> </head> |