簡単１-２■自動スライド　ランダムスライドショーく

●2016/01/20：即時関数で囲んで、グローバル変数を消しました
■簡単１■自動スライド　超簡単■のJavaScriptを改造しました。
画像がランダムに切り替わるスライドショーです。ランダムなので、同じ画像が続くこともあります。
■2016/01/21：ランダムでも同じ画像が二回連続で出ないように修正

CSSで１行追加して、画像の形を丸型に改造した → ■面白２■丸いスライドショー■へ
pngの透過画像で、GIFアニメのようにした → ■簡単１■自動スライド　GIFアニメっぽく■へ

<!DOCTYPE html>
<html lang="ja">
<head>
<meta http-equiv="Content-type" content="text/html; charset=Shift_JIS">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<meta http-equiv="Content-Style-Type" content="text/css">
<title>簡単１-２■自動スライド　ランダムスライドショーく</title>

<!--★コピーここから-->
<style type="text/css"><!--
/*★必須。スライド画像用の指定*/
#Ga{
margin:50px auto;/*★画像の中央位置指定(上下　左右)*/
width:370px;/*★画像横幅*/
height:245px;/*★画像縦幅*/
display: block;/*★ブロック要素指定。上記の中央位置指定を有効にする為*/
}
--></style>
<!--★コピーここまで　bodyの中にもコピーがあります-->

</head>
<body>

<!--★ここからコピー。下の１行は画像位置指定。必ず１番最初の画像のファイル名を記入。id="Ga"を必ず記入-->
<img src="a1.jpg" id="Ga" alt="">

<script type="text/javascript"><!--
/*=======================================================================
ランダムの自動スライドショー(グローバル変数を削除)　★2016/01/21 ランダム修正
同じ画像が二回連続で出ないランダムの参考：http://www.tagindex.com/kakolog/q4bbs/1201/1501.html(レス番1)
========================================================================*/
(function (){ var prega, nowga; //即時関数で囲んでグローバル変数を消すため、この行はこのままで

//★画像指定。増減可能。画像を順番に'●',と区切って、いくつでも並べる。最後の ] の前には ,(カンマ) 無し
var ga=['a1.jpg','a2.jpg','a3.jpg','a4.jpg','a5.jpg'];
var myurl='';        //★画像パス。文書とは別のフォルダーなどに入っている時は指定。全画像共通部分
var spd=2000;　      //★画像切替時間 1000=1秒

var load=new Array();//画像先読み込み。切替をスムーズにする
for (var p=0,len=ga.length; p<len; p++){load[p]=new Image();load[p].src=myurl+ga[p];}
function Show(){
prega=nowga;
while(prega===nowga){ nowga=ga[Math.floor(Math.random()*len)];}//■同じ画像が二回連続で出ないように
Ga.src=myurl+nowga; setTimeout(Show,spd);}
Show();
}());//即時関数終了
// --></script>
<!--★ここまでコピー-->

</body>
</html>

簡単１-２■自動スライド ランダムスライドショー 最終修正日 : 2016/01/21

　簡単１-２■自動スライド　ランダムスライドショー　　　　最終修正日 : 2016/01/21