<![CDATA[
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<title>和風スライドショー</title>
<SCRIPT Language="JavaScript">
<!--
//写真セット
url="./"; //写真を別の場所に置く場合はここで指定する。
n=0;
syasin=new Array();
n++;syasin[n]="001.jpg";
n++;syasin[n]="002.jpg";
n++;syasin[n]="003.jpg";
n++;syasin[n]="004.jpg";
n++;syasin[n]="005.jpg";
n++;syasin[n]="006.jpg";
//初期値セット
cx=screen.availWidth/2; //中央
py=80; //上端位置
sl=400; //スライド距離
px=cx-sl; //左端位置
ss=new Array(); //スタート地点
pp=new Array(); //移動量、方向
for(i=1;i<=n;i++){
ss[i]=2;
pp[i]=0;
}
cc=n;
flg=0;
at_flg=0;
//起動
function mv(c){
pno=c;
xx=pp[pno];
na="gaku"+pno;
s=ss[pno];
rl();
}
//動き
function rl(){
flg=1;
xx=xx+s;
if(xx>sl || xx<0 ){
clearTimeout(tim);
ss[pno]=s*-1;
flg=0;
return;
}
pp[pno]=xx;
x=xx+px+pno*10;
y=py+pno*10;
if (document.layers){
document.layers[na].moveTo(x,y);
}else{
document.getElementById(na).style.left=x;
}
tim=setTimeout("rl()",10);
}
//自動
function at(){
if(at_flg==0){
document.at_form.at_button.value="手動";
at_flg=1;
at_sub();
}else{
document.at_form.at_button.value="自動";
at_flg=0;
clearTimeout(at_tim);
}
}
function at_sub(){
if(flg==0){
if(cc<=0){cc=n}
mv(cc);
cc--;
}
at_tim=setTimeout("at_sub()",1000);
}
// -->
</SCRIPT>
</HEAD>
<BODY >
<center>
<form name="at_form">
<font size=6>和風スライドショー</font><br>写真をクリックすると開くます。
<input type="button" onClick="at()" value="自動" name="at_button">
<hr></form>
<SCRIPT Language="JavaScript">
<!--
//写真表示
for(i=1;i<=n;i++){
if (document.layers){
document.write('<layer name="gaku',i,'" top="',py+i*10,'" left="',px+i*10,'" bgcolor="#ffffff">');
document.writeln('<table border=1 bgcolor=#ffffff><tr><td>');
document.writeln('<a href="javascript:mv(',i,')">');
document.writeln('<img src="',url,syasin[i],'" galleryimg="no" width=240 height=320 border=0');
document.writeln('</a></td></tr></table>');
document.write('</layer>');
}else{
document.writeln('<div id="gaku',i,'" style="position:absolute;top:',py+i*10,';left:',px+i*10,';">');
document.writeln('<table border=1 bgcolor=#ffffff><tr><td onClick="mv(',i,')">');
document.writeln('<img src="',url,syasin[i],'" galleryimg="no" width=240 height=320 border=0');
document.writeln('</td></tr></table>');
document.writeln('</div>');
}
}
//-->
</script>
</center>
</body>
</html>
]]>
ソースをお使いの場合は出来るだけ私のホームページにリンクを貼ってください。
ＵＲＬ：http://www2a.biglobe.ne.jp/~qpon/
バナー：
|