遅ればせながら「ソース」です、「
赤字部分」を入れ替えて下さい(^_-)
「
〜〜〜〜〜」から「
〜〜〜〜〜」の部分をコピーして、</head>の前に貼り付けて下さい、ソースの違いは
ＨＰＢが自動修正してくれます。
〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜
<SCRIPT>
// 使用する画像の横幅 (ピクセル)
var imgwidth=
600
// 使用する画像の高さ (ピクセル)
var imgheight=
450
// 使用する画像のファイル名
var imgurl="
0001.jpg"
// Final horizontal position of the image: distance to the left margin
of the window (pixels)
// IMPORTANT:
// if you want to center the image in the middle of the browser-window
then write -1.
// If you want to put the image on a absolute position
// then write the number (for instance 223).
var x_finalpos=-1
// Final vertical position of the image: distance to the top margin of
the window
var y_finalpos=20
// スライスする数
var imgslices=
56
// スライス結合のスピード(ポーズを小さくすると早くなる)
var step=
4
var pause=
50
// Do not edit the variables below this line
var x_rightspans=0
var x_leftspans=0
var marginright
var marginleft
var height_slice=Math.floor(imgheight/imgslices)
var cliptop=0
var clipbottom=cliptop+height_slice
var clipleft=0
var clipright=imgwidth
var spannummer=0
var spannrbefore=0
function initiate() {
if (x_finalpos==-1) {
x_finalpos=Math.floor(document.body.clientWidth/2)-Math.floor(imgwidth/2)
}
if (document.all) {
moveslices_IE()
}
}
function moveslices_IE() {
if (x_rightspans==0 || x_leftspans==0) {
if (x_rightspans==0) {
for (i=0;i<=imgslices-1;i+=2) {
var thisspan=eval("document.all.span"+i+".style")
thisspan.posLeft-=step
}
if (thisspan.posLeft<=x_finalpos) {
x_rightspans=1
for (i=0;i<=imgslices-1;i+=2) {
var thisspan=eval("document.all.span"+i+".style")
thisspan.posLeft=x_finalpos
}
}
}
if (x_leftspans==0) {
for (i=1;i<=imgslices-1;i+=2) {
var thisspan=eval("document.all.span"+i+".style")
thisspan.posLeft+=step
}
if (thisspan.posLeft>=x_finalpos) {
x_leftspans=1
for (i=1;i<=imgslices-1;i+=2) {
var thisspan=eval("document.all.span"+i+".style")
thisspan.posLeft=x_finalpos
}
}
}
var timer=setTimeout("moveslices_IE()",pause)
}
else {
clearTimeout(timer)
}
}
// - End of JavaScript - -->
</SCRIPT> </HEAD>
<BODY text="#000000" vlink="#ff0000" alink="#ff0000"
link="#ff0000" bgcolor="#ffffff" onload="initiate();">
<DIV id="Layer1" style="Z-INDEX: 2; left : 38px; WIDTH:
13px; POSITION: absolute; top : 95px; HEIGHT: 493px;"><SCRIPT>
<!-- Beginning of JavaScript -
for (i=0;i<=imgslices-1;i+=2) {
marginright=document.body.clientWidth+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>")
cliptop+=2*height_slice
clipbottom+=2*height_slice
}
cliptop=height_slice
clipbottom=2*height_slice
for (i=1;i<=imgslices-1;i+=2) {
marginleft=-imgwidth-50
document.write("<span id='span"+i+"' style='position:absolute;visibility:visible;
left:"+marginleft+"px;top:"+y_finalpos+"px;clip:rect("+cliptop+"px
"+clipright+"px "+clipbottom+"px "+clipleft+"px)'>")
document.write("<img src='"+imgurl+"'>")
document.write("</span>")
cliptop+=2*height_slice
clipbottom+=2*height_slice
}
// - End of JavaScript - -->
</SCRIPT>
〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜
これで終わり(^_-)