下の「〜〜〜〜〜」と「〜〜〜〜〜」の間を </head>のすぐ上にコピーして下さい、何処でも配置の場合ＨＰＢがタグの
自動修正をしてくれます。
〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜
<SCRIPT>
<!-- Beginning of JavaScript -
// you have to add a link to http://www.24fun.com on the webpage
// 全ての画像の高さと横幅は同じにして下さい
var imgwidth=
600
var imgheight=
450
// 画像の数はいくつでも可能です
var imgname=new Array()
imgname[0]="
0000.jpg"
imgname[1]="
0001.jpg"
imgname[2]="
0002.jpg"
imgname[3]="
0003.jpg"
imgname[4]="
0004.jpg"
imgname[5]="
0005.jpg"
imgname[6]="
0006.jpg"
var imgurl=new Array()
imgurl[0]=""
imgurl[1]=""
imgurl[2]=""
imgurl[3]=""
imgurl[4]=""
imgurl[5]=""
imgurl[6]=""
// 切り替わる画像と画像の間の色の指定です
var imglamellarcolor=new Array()
imglamellarcolor[0]="red"
imglamellarcolor[1]="olive"
imglamellarcolor[2]="white"
imglamellarcolor[3]="yellow"
imglamellarcolor[4]="lightgrey"
imglamellarcolor[5]="blue"
imglamellarcolor[6]="AAFFCC"
// ここは触らないで下さい
var imgpreload=new Array()
for (i=0;i<=imgname.length-1;i++) {
imgpreload[i]=new Image()
imgpreload[i].src=imgname[i]
}
// 表示される画像の左からの位置です
var x_finalpos=
150
// 表示される画像の上からの位置です
var y_finalpos=
100
// 画像をスライス(格子)する数です
var x_slices=
10
// 画像の停止時間です(単位 1/1000)
var pause=
5000
// これ以下は変えないで下さい
var i_loop=0
var i_image=0
var i_color=0
var width_slice=Math.ceil(imgwidth/x_slices)
var cliptop=0
var clipbottom=imgheight
var i_clipright=1
function initiate() {
if (document.all) {
for (i=0;i<=x_slices-1;i++) {
var thisinnerspan=eval("span"+i)
thisinnerspan.innerHTML="<A HREF='"+imgurl[i_image]+"'
target='_blank'><img src='"+imgname[i_image]+"' border='0'></a>"
var thisspan=eval("document.all.span"+i+".style")
thisspan.posLeft=x_finalpos
thisspan.posTop=y_finalpos
document.all.imgbgcolor.style.posLeft=x_finalpos+width_slice
document.all.imgbgcolor.style.posTop=y_finalpos
}
i_image++
openlamellar()
}
}
function openlamellar() {
clipleft=0
clipright=0
if (i_clipright<=width_slice) {
for (i=0;i<=x_slices-1;i++) {
var thisspan=eval("document.all.span"+i+".style")
thisspan.clip ="rect("+cliptop+" "+clipright+"
"+clipbottom+" "+clipleft+")"
clipleft+=width_slice
clipright=clipleft+i_clipright
}
i_clipright++
var timer=setTimeout("openlamellar()",20)
}
else {
clearTimeout(timer)
i_color++
if (i_color>=imglamellarcolor.length-1) {i_color=0}
document.all.imgbgcolor.style.backgroundColor=imglamellarcolor[i_color]
var timer=setTimeout("closelamellar()",2000)
}
}
function closelamellar() {
clipleft=0
clipright=0
if (i_clipright>=0) {
for (i=0;i<=x_slices-1;i++) {
var thisspan=eval("document.all.span"+i+".style")
thisspan.clip ="rect("+cliptop+" "+clipright+"
"+clipbottom+" "+clipleft+")"
clipleft+=width_slice
clipright=clipleft+i_clipright
}
i_clipright--
var timer=setTimeout("closelamellar()",20)
}
else {
clearTimeout(timer)
var timer=setTimeout("changeimage()",2000)
}
}
function changeimage() {
if (i_image>imgname.length-1) {i_image=0}
for (i=0;i<=x_slices-1;i++) {
var thisinnerspan=eval("span"+i)
thisinnerspan.innerHTML="<A HREF='"+imgurl[i_image]+"'
target='_blank'><img src='"+imgname[i_image]+"' border='0'></a>"
}
i_image++
openlamellar()
}
// - End of JavaScript - -->
</SCRIPT>
<STYLE>
<!--
.spanstyle {
LEFT: -5000px;
POSITION: absolute
;
}
-->
</STYLE>
<META content="IBM WebSphere Studio Homepage Builder Version 7.0.1.0
for Windows" name="GENERATOR">
<META http-equiv="Content-Style-Type" content="text/css">
<META name="IBM:HPB-Input-Mode" content="mode/flm; pagewidth=940;
pageheight=1200">
</HEAD>
<BODY text="#ffffff" vlink="#ffffff" alink="#ffffff"
link="#ffffff" bgcolor="#cc0000" onload="initiate();">
<DIV style="width : 19px;height : 558px;top : 2px;left : 0px;
position : absolute;
z-index : 2;
" id="Layer1"><SCRIPT>
<!-- Beginning of JavaScript -
if (document.all) {
document.write("<span id='imgbgcolor' class='spanstyle' style='width:"+(imgwidth-width_slice)+";height:"+imgheight+"'></span>")
for (i=0;i<=x_slices-1;i++) {
document.write("<span id='span"+i+"' class='spanstyle'></span>")
}
}
// - End of JavaScript - -->
</SCRIPT>
〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜
これで終わりです