ソース
<![CDATA[
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=x-sjis">
<title>画面の拡大／縮小見本</title>
<script language="javascript">
<!--------
////初期設定/////
imgs=new Array(20);
titles=new Array(20);
key="imgsize"; //ｃｏｏｋｉｅ名
no=1;
tm=0;
n=0;
////---------以下自分用に書き換えてください。-----////
imgurl="http://qpon.cool.ne.jp/nobana/"; //写真ＵＲＬ
home="http://www2a.biglobe.ne.jp/~qpon/"; //ホームページ
////////////イメージファイル//////////////コメント ////
n++; imgs[n]="higan.jpg"; titles[n]="ヒガンバナ";
n++; imgs[n]="nigana.jpg"; titles[n]="ニガナ";
n++; imgs[n]="akigesi.jpg"; titles[n]="アキノノゲシ";
n++; imgs[n]="nogiku.jpg"; titles[n]="ノコンギク";
n++; imgs[n]="mizosoba.jpg"; titles[n]="ミゾソバ";
n++; imgs[n]="hotokeza.jpg"; titles[n]="ホトケノザ";
n++; imgs[n]="himekiky.jpg"; titles[n]="ヒナギキョウ";
////-----------書換えはここまで------------////
//////cookie取得//////
function getCookie(key){
tmp=document.cookie+";";
tmp1=tmp.indexOf(key,0);
if(tmp1!=-1){
tmp=tmp.substring(tmp1,tmp.length);
start=tmp.indexOf("=",0)+1;
end=tmp.indexOf(";",start);
return(unescape(tmp.substring(start,end)));
}
return("");
}
/////cookie書込み//////
function setCookie(key,val){
tmp=key+"="+escape(val)+";";
tmp+="expires=Fri,31-Dec-2030 23:59:59; ";
document.cookie=tmp;
}
////画面初期設定////
function bairitu1(){
ritu=getCookie(key);
if(ritu<0.1 || ritu>100 ){ritu=1;}
img_w=document.syasin.width;
img_h=document.syasin.height;
document.syasin.width=img_w*ritu;
document.syasin.height=img_h*ritu;
}
////画面拡大縮小////
function bairitu2(r){
rr=r;
ritu=ritu*rr;
document.syasin.width=img_w*ritu;
document.syasin.height=img_h*ritu;
tm=setTimeout("bairitu2(rr)",100);
}
////画面サイズ記憶////
function bairitu3(){
if(tm){
clearTimeout(tm);
setCookie(key,ritu);
}
}
/////ページ移動/////
function go(g){
if(g==0){location.href=home;}
if(g==1){location.href="http://www2a.biglobe.ne.jp/~qpon/";}
}
function ch(g){
if(g==1){
no++;
if(no>n){
no=1;
}
}
if(g==2){
no--;
if(no<1){
no=n;
}
}
document.syasin.src=imgurl+imgs[no];
document.f1.title.value=titles[no];
}
//-------->
</script>
</head>
<body onLoad="bairitu1()">
<script language="javascript">
<!--
nav=navigator.appName.substring(0,1);
if( nav=="N"){location.href="kakudai3.htm";
}
//-->
</script>
<center>
<!--コントロールボタン-->
<form name="f1">
<input type="button" value="Home" onClick='go("0")'>
<input type="button" value=" ← " onClick='ch("1")'>
<!--タイトル表示-->
<script language="javascript">
<!--
document.write('<input type="text" name="title" size=20 value="',titles[no],'">');
//-->
</script>
<input type="button" value=" → " onClick='ch("2")'>
<input type="button" value="Qpon" onClick='go("1")'>__
<input type="button" value="縮小" onMouseover='bairitu2(0.98)' onMouseOut='bairitu3()'>
<input type="button" value="拡大" onMouseover='bairitu2(1.02)' onMouseOut='bairitu3()'>
</form>
<table border="1" cellpadding="0" cellspacing="0"><tr><th>
<table border="1" cellpadding="5" cellspacing="0"><tr><th bgcolor="#004040">
<table border="1" cellpadding="25" cellspacing="0"><tr><th bgcolor="#EEFFF7">
<table border="1" cellpadding="0" cellspacing="0"><tr><th>
<!--写真表示-->
<script language="javascript">
<!--
document.write('<img src="',imgurl,imgs[no],'" name="syasin" galleryimg="no">\n');
//-->
</script>
</th></tr></table>
</td></tr></table>
</td></tr></table>
</td></tr></table>
</center>
</body>
</html>
]]>
ソースをお使いの場合は出来るだけ私のホームページにリンクを貼ってください。
ＵＲＬ：http://www2a.biglobe.ne.jp/~qpon/
バーナ：
|