面白１０-１■シャッフルするスライドショー・原本

<!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"><!-- 
body{background:#ccccff;}/*★背景色指定。水色。不要なら削除*/
--></style>

</head>
<body onload="Shuffle()">
<!--★ここからコピー-->
<!--★↑bodyタグの中の  "Shuffle();"も記述して下さい。-->

<script type="text/javascript">/*(c) Ger Versluis 2003*/

	var Shuffle_Image_Width=370;　　　　/*★画像横幅*/
	var Shuffle_Image_Height=245;　　　 /*★画像縦幅*/
	var Shuffle_Step_Horizontal=5;      /*★水平移動　数値を大きくすると速くなる。0にはしないこと*/
	var Shuffle_Step_Vertical=4;        /*★垂直移動　数値を大きくすると速くなる。0にはしないこと*/
	var Shuffle_Border=true;　　　      /*★画像の枠線 無しの時はfalseと記入*/
	var Shuffle_Border_Color="white";　 /*★画像枠線の色*/

/*★画像指定とリンク先指定。しない時は"",と記入。*/

	Shuffle_Image_Sources=new Array(
		"gy4.jpg","http://www.yahoo.co.jp",
		"gy5.jpg","http://www.google.co.jp",
		"gy6.jpg","",
		"a1.jpg","",
		"a2.jpg","",
		"a3.jpg",""　　　/*★最終行には,(カンマ)を付けない*/
);

/***************** DO NOT EDIT BELOW **********************************/
	var S_Stppd=false,S_Div,i,S_TpI,S_BI,S_TI,S_CrImg=4,S_Drctn=1,S_Top=.01,S_Left=.01;
	S_Pre_Img=new Array(Shuffle_Image_Sources.length);

	function Shuffle(){
		if(document.getElementById){
			for(i=0;i<Shuffle_Image_Sources.length;i++){
				S_Pre_Img[i]=new Image();S_Pre_Img[i].src=Shuffle_Image_Sources[i]}
			S_Div=document.getElementById("Shuffle");
			S_TpI=document.createElement("img");S_Div.appendChild(S_TpI);	
			S_BI=document.createElement("img");S_Div.appendChild(S_BI);
			S_TpI.style.position=S_BI.style.position="absolute";
			S_TpI.style.height=Shuffle_Image_Height+"px";
			S_BI.style.height=Shuffle_Image_Height+"px";
			S_TpI.style.width=Shuffle_Image_Width+"px";
			S_BI.style.width=Shuffle_Image_Width+"px";
			S_TpI.style.left=0+"px";
			S_BI.style.left=0+"px";
			S_TpI.style.top=0+"px";
			S_BI.style.top=0+"px";
			if(Shuffle_Border){
				S_TpI.style.borderStyle=S_BI.style.borderStyle="solid";
				S_TpI.style.borderWidth=1+"px";
				S_BI.style.borderWidth=1+"px";
				S_TpI.style.borderColor=S_BI.style.borderColor=Shuffle_Border_Color}
			S_TpI.style.zIndex=1;
			S_BI.style.zIndex=0;
			S_TpI.src=S_Pre_Img[0].src;
			S_TpI.lnk=Shuffle_Image_Sources[1];
			S_BI.src=S_Pre_Img[2].src;
			S_BI.lnk=Shuffle_Image_Sources[3];
			S_TpI.onclick=S_BI.onclick=S_LdLnk;
			S_TpI.onmouseover=S_BI.onmouseover=S_Stp;
			S_TpI.onmouseout=S_BI.onmouseout=S_Rstrt;
			ShufImages()}}

	function ShufImages(){
		if(!S_Stppd){
			if(S_Top>=Shuffle_Image_Height||S_Left>=Shuffle_Image_Width){
				S_Drctn=-1;
				S_TpI.style.zIndex=0;
				S_BI.style.zIndex=1}
			if(S_Top==0||S_Left==0){
				S_Drctn=1;
				S_TpI.style.top=0+"px";		
				S_TpI.style.left=0+"px";		
				if(S_CrImg==Shuffle_Image_Sources.length)S_CrImg=0;
				S_TpI.src=S_Pre_Img[S_CrImg].src;
				S_TpI.lnk=Shuffle_Image_Sources[S_CrImg+1];
				S_TI=S_TpI;
				S_TpI=S_BI;
				S_BI=S_TI;
				S_TpI.style.zIndex=1;
				S_BI.style.zIndex=0;
				S_CrImg+=2}
			S_Top+=Math.round(Shuffle_Step_Vertical*S_Drctn);
			S_Left+=Math.round(Shuffle_Step_Horizontal*S_Drctn);
			if(S_Top<0||S_Left<0)S_Top=S_Left=0;
			S_TpI.style.top=S_Top+"px";		
			S_TpI.style.left=S_Left+"px"}
		setTimeout("ShufImages()",50)}


	function S_LdLnk(){if(this.lnk)window.location.href=this.lnk}
	function S_Stp(){S_Stppd=true;this.style.cursor=this.lnk?"pointer":"default"}
	function S_Rstrt(){S_Stppd=false}
</script>

	<div id="Shuffle" style="position:relative">
        <img src="placeholder.gif" style="width:370px; height:245px;"><!--★スライド画像サイズ指定-->
	</div>

<!--★ここまでコピー-->
</body>
</html>
面白１０-１■シャッフルするスライドショー・原本 UP日時 : 2020/05/26

　面白１０-１■シャッフルするスライドショー・原本　　　　UP日時 : 2020/05/26
