■ 画像スライドNO2 ■
背景の画像がスライド
画像が煩いと、文字が目立たない・・・
見本も煩いかも・・ 薄い画像がいいと思うよ♪
<!--以下をhead内に入れてください--> <style type="text/css"> <!-- body { background-position: 350 150; background-attachment:fixed; background-repeat:no-repeat;} /★background-attachment:fixed;画像を固定します 。 固定しない場合は、ここを削除してください。 ★350 150・画像位置です。 left300px・top150pxに設定しています。 好きな位置に変更して下さい ★background-repeat:no-repeat;画像を繰り返さない表示です 繰り返したい場合は この部分を外す。 / --> </style> <script language="JavaScript"> <!-- var Pic=new Array() Pic[0]="http://image.space.rakuten.co.jp/lg01/38/0000001738/71/img1d784e04s73pv3.jpeg"//画像アドレス Pic[1]="http://・・・.JPG"//画像アドレス Pic[2]="http://・・・.JPG"//画像アドレス Pic[3]="http://・・・.JPG"//画像アドレス Pic[4]="http://・・・.JPG"//画像アドレス Pic[5]="http://・・・.JPG"//画像アドレス var speed=3000//*画像切り替え1000は1秒 ここでは3秒に設定しています var Henkou=new Array() for (Maisuu=0;Maisuu<Pic.length;Maisuu++){ Henkou[Maisuu]=new Image() Henkou[Maisuu].src=Pic[Maisuu] } var KinaPic=-1 function kurikaesu(){ if (KinaPic<Pic.length-1) KinaPic++ else KinaPic=0 document.body.background=Henkou[KinaPic].src } if (document.all||document.getElementById) window.onload=new Function('setInterval("kurikaesu()",speed)') //--> </script> <!--ここまでhead内に入れる-->
SEO
掲示板
[PR]
爆速!無料ブログ
無料ホームページ開設
無料ライブ放送