랜덤으로 스트라이핑 효과내기

<style>
.spanstyle { position:absolute; left:-5000px; }
</style>  

<script>
<!--
var imgwidth=90 // 이미지의 가로크기
var imgheight=30 // 이미지의 높이
var imgname=new Array()

// 보여줄 이미지들을 차례대로 설정 합니다

imgname[0]="http://oxtag.com/html/img/banner3.gif"
imgname[1]="http://oxtag.com/html/img/banner4.gif"
imgname[2]="http://oxtag.com/html/img/banner/jjin_tagpia.gif"

var imgpreload=new Array()
for (i=0;i<=imgname.length-1;i++) {
        imgpreload[i]=new Image()
        imgpreload[i].src=imgname[i]
}
var imgurl=new Array()

// 각 이미지들을 클릭했을때 이동할 곳을 적어 주세요

imgurl[0]="http://oxtag.com"
imgurl[1]="http://oxtag.com"
imgurl[2]="http://oxtag.com"

var x_finalpos=10 //이미지 위치(가로)
var y_finalpos=10 // 이미지위치(세로)
var x_slices=15 //이미지가 몇 개로 잘리면서 바뀔지
var pause=2500
var randomorder= new Array()
for (i=0;i<=x_slices-1;i++) {
        randomorder[i]=i
}
var speed=100 //이미지가 바뀔 속도
var i_images=0
var width_slice=Math.floor(imgwidth/x_slices)
var cliptop=0
var clipbottom=imgheight
var clipleft=0
var clipright=width_slice
var x_random=new Array()
var max_explsteps=15
var i_explsteps=0

function checkbrowser() {
        if (document.all) {
        initiateIE()
    }
    if (document.layers) {
        initiateNN()
    }
}

function initiateIE() {
    for (i=0;i<=x_slices-1;i++) {
        var thisspan=eval("document.all.span"+i+".style")
        thisspan.posLeft=x_finalpos
        thisspan.posTop=y_finalpos
        thisspan.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
        clipleft+=width_slice
            clipright+=width_slice
    }       
    for (i=0;i<=x_slices-1;i++) {
        var thisspan=eval("span"+i)
        thisspan.innerHTML="<a href='"+imgurl[i_images]+"'><img src='"+imgname[i_images]+"' border='0'></a>"
    }
    var timer=setTimeout("changeimageIE()",pause)
}

function initiateNN() {
    for (i=0;i<=x_slices-1;i++) {
        var thisspan=eval("document.span"+i)
        thisspan.left=x_finalpos
        thisspan.top=y_finalpos
        thisspan.clip.left=clipleft
        thisspan.clip.right=clipright
        thisspan.clip.top=cliptop
        thisspan.clip.bottom=clipbottom
        clipleft+=width_slice
            clipright+=width_slice
    }       
    for (i=0;i<=x_slices-1;i++) {
        var thisspan=eval("document.span"+i+".document")
        thisspan.write("<a href='"+imgurl[i_images]+"'><img src='"+imgname[i_images]+"' border='0'></a>")
        thisspan.close()
    }
    var timer=setTimeout("changeimageNN()",pause)
}

function dissolveimgIE() {
        if (i_loop<=x_slices-1) {
                var thisspan=eval("span"+randomorder[i_loop])
                thisspan.innerHTML="<a href='"+imgurl[i_images]+"'><img src='"+imgname[i_images]+"' border='0'></a>"
                i_loop++
                var timer=setTimeout("dissolveimgIE()",speed)
        }
        else {
                clearTimeout(timer)        
                var timer=setTimeout("changeimageIE()",pause)
        }
}

function dissolveimgNN() {
        if (i_loop<=x_slices-1) {
                var thisspan=eval("document.span"+randomorder[i_loop]+".document")
                thisspan.write("<a href='"+imgurl[i_images]+"'><img src='"+imgname[i_images]+"' border='0'></a>")
        thisspan.close()
                i_loop++
                var timer=setTimeout("dissolveimgNN()",speed)
        }
        else {
                clearTimeout(timer)        
                var timer=setTimeout("changeimageNN()",pause)
        }
}

function changeimageIE() {
        getrandomorder(x_slices)
        i_loop=0
        i_images++
        if (i_images>=imgname.length) {i_images=0}
           dissolveimgIE()
}

function changeimageNN() {
        getrandomorder(x_slices)
        i_loop=0
        i_images++
        if (i_images>=imgname.length) {i_images=0}
           dissolveimgNN()
}

function getrandomorder(range) {                
        for (i=0;i<=range;i++) {
                var firstvalue= Math.floor(range*Math.random())
                var secondvalue= Math.floor(range*Math.random())
                var cachevalue=randomorder[firstvalue]
                randomorder[firstvalue]=randomorder[secondvalue]
                randomorder[secondvalue]=cachevalue
        }
}

//-->
</script>




<body onLoad="checkbrowser()">



<script>
<!--
for (i=0;i<=x_slices-1;i++) {
    document.write("<div id='span"+i+"' class='spanstyle'></div>")
}
// -->
</script>