面白１６■付いてくるスライドショー

スクロールしても付いてくるスライドです。下にスクロールしてみて下さい。

<!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>

</head>
<body>

<p style="text-align:center;">スクロールしても付いてくるスライドです。下にスクロールしてみて下さい。</p>
<hr>

<!--★ここからコピー。１番最初の画像名指定。下記１行はこのままコピー。id="ftGa"必須-->
<img src="rose1.png" id="ftGa">

<script type="text/javascript"><!--
/*=================================================================
付いてくるスライドショー：Floating Transparent Slide Show Script C.2004 by CodeLifter.com
http://www.codelifter.com/main/javascript/float_slideshow.shtml（サイト：http://www.codelifter.com/）
★旧ブラウザ対応分削除。簡略化　　2016/06/30
===================================================================*/
(function (){  //即時関数で囲んでグローバル変数を消すため、この行はこのままで

//★画像とリンクの同時指定。増減可能。["画像","リンク"];　の２個をこの順番で記述
var ga=["rose1.png","rose2.png","rose3.png","rose4.png","htr1.png"];

var myurl="";      //★画像パス。文書とは別のフォルダーなどに入っている時は指定。全画像共通部分
var spd=2000;      //★スライド切替速度1000=1秒 
var spdD=30;       //★原本33。画像がスクロールに付いてくる速度。大きくすると遅い
var whereX=40;     //★画像位置　左から40px
var whereY=-128;   //★下から見える画像上辺位置。最低でも(マイナス画像高さ)を指定。

//指定ここまで-----------------------------------------------
var i=0;
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 runS(){ ftGa.src=myurl+ga[i%len]; i++; setTimeout(runS,spd);}
ftGa.style.position="absolute"; ftGa.style.zIndex=1000;
function floatSS(iX,iY,id){
var L=document.getElementById(id);		
this[id+'O']=L;
L.nX=L.iX=iX;
L.nY=L.iY=iY;
L.P=function(x,y){this.style.left=x+"px";this.style.top=y+"px";}
L.Fss=function(){
var pX=(this.iX >=0)?0:innerWidth-18;	
var pY=pageYOffset;	
if(this.iY<0){pY+=innerHeight-18;}	
this.nX+=0.1*(pX+this.iX-this.nX);this.nY+=0.1*(pY+this.iY-this.nY);this.P(this.nX,this.nY);
setTimeout(this.id+'O.Fss()',spdD);};return L;}//原本33をspdDへ
floatSS(whereX,whereY,'ftGa').Fss();//■id名修正
runS();
}());//即時関数終了
// --></script>
<!--★ここまでコピー-->

<hr style="margin-top:1500px;"><!--★スクロールしても付いてくるスライドだとわかるように、罫線で空間を開けてます。罫線は削除-->

</body>
</html>

スクロールしても付いてくるスライドだとわかるように、罫線で空間を開けてます。罫線は削除して下さい。

面白１６■付いてくるスライドショー 最終修正日 : 2016/06/30

　面白１６■付いてくるスライドショー　　　　最終修正日 : 2016/06/30