<script> // عرض الصور (pixels) var imgwidth=240 // طول الصور(pixels) var imgheight=160 // عنوان الصور تحت var imgname=new Array() imgname[0]="http://us.geocities.com/abdullahjava/anmationof24/imgdissolvestripes/ilouvre_1.jpg" imgname[1]="http://us.geocities.com/abdullahjava/anmationof24/imgdissolvestripes/ilouvre_2.jpg" imgname[2]="http://us.geocities.com/abdullahjava/anmationof24/imgdissolvestripes/ilouvre_3.jpg" imgname[3]="http://us.geocities.com/abdullahjava/anmationof24/imgdissolvestripes/ilouvre_4.jpg" // This block will preload your images. Do not edit this block. 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://www.yahoo.com/" imgurl[1]="http://www.yahoo.com/" imgurl[2]="#" imgurl[3]="http://www.yahoo.com/" // مكان الصورةالأفقي (محددمن الطرف الأيسر للمتصفح) var x_finalpos=10 // مكان الصورة الرئسي (محدد من اعلي المتصفح) var y_finalpos=10 // Number of sliced rows (the higher this number the slower the visual effect) var x_slices=15 // Standstill between the images (microseconds) var pause=2500 // Do not change the variables below var randomorder= new Array() for (i=0;i<=x_slices-1;i++) { randomorder[i]=i } var speed=200 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> <style> .spanstyle { position:absolute; left:-5000px; } </style>

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