下記の「〜〜〜〜」部分を</head>の直前にコピーします。
〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜
<SCRIPT>
<!-- Beginning of JavaScript -
// 表示させる画像の横幅です 単位(ピクセル)
var imgwidth=
600
// 表示させる画像の高さ（縦の長さ）です 単位 (ピクセル)
var imgheight=
450
// 画像のファイル名です、ＵＲＬ表記も可能
var imgurl="
0002.jpg"
// 画像の表示位置、ＴＯＰからのピクセル数（何処でも配置の場合そのままで編集画面で自由に動かせます）
var x_finalpos=100
// 画像の表示位置、左からのピクセル数（上に同じ）
var y_finalpos=20
// 分割する数
var imgslices=
60
// 結合するスピードと止まっている時間（単位1/1000秒）
var step=
10
var pause
=5
// Do not change the variables below
var marginright
var width_slice=Math.floor(imgwidth/imgslices)
var cliptop=0
var clipbottom=imgheight
var clipleft=0
var clipright=width_slice
var spannummer=0
var spannrbefore=0
function initiate() {
if (document.all) {
moveslices_IE()
}
}
function moveslices_IE() {
var thisspan=eval("document.all.span"+spannummer+".style")
if (thisspan.posLeft>x_finalpos-width_slice) {
thisspan.posLeft-=step
var timer=setTimeout("moveslices_IE()",pause)
}
else if (spannummer<imgslices-1) {
clearTimeout(timer)
thisspan.posLeft=x_finalpos
spannummer++
var timer=setTimeout("moveslices_IE()",pause)
}
else {
thisspan.posLeft=x_finalpos
clearTimeout(timer)
}
}
// - End of JavaScript - -->
</SCRIPT>
〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜続いて、下の「
〜〜〜〜〜」の部分を、</body>の直前にコピーします。
〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜<BODY bgcolor="#00ffff" onload="initiate();" text="000000" link="FFFFFF" alink="FFFFFF" vlink="FFFFFF">
<SCRIPT>
<!-- Beginning of JavaScript -
for (i=0;i<=imgslices-1;i++) {
marginright=screen.width+50
document.write("<span id='span"+i+"' style='position:absolute;visibility:visible;
left:"+marginright+"px;top:"+y_finalpos+"px;clip:rect("+cliptop+"px
"+clipright+"px "+clipbottom+"px "+clipleft+"px)'>")
document.write("<img src='"+imgurl+"'>")
document.write("</span>")
clipleft+=width_slice
clipright+=width_slice
}
// - End of JavaScript - -->
</SCRIPT>
〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜