هذا الكود يعرض الصور بشكل سلس ومتتالي بدون تدخل منك .. ويعطي المزيد من الأناقة لموقعك
ويميز هذا الكود أنه لا يتعارض مع internet explorer ولا يتطلب الكثير من الخطوات ولا يحتاج الى ملف java script .. فقط كل ما عليك نسخ الكود ووضعه في المكان الذي تريد أن يظهر فيه الـ slide show .
الكود
الكود:
<script type="text/javascript">
//Specify the slider's width (in pixels) var sliderwidth="703px" //Specify the slider's height var sliderheight="246px" //Specify the slider's slide speed (larger is faster 1-10) var slidespeed=3 //configure background color: slidebgcolor="#EAEAEA"
//Specify the slider's images var leftrightslide=new Array() var finalslide='' leftrightslide[0]='<a><img src="/im1.jpg" border=1></a>' leftrightslide[1]='<a><img src="/im2.jpg" border=1></a>' leftrightslide[2]='<a><img src="/im3.jpg" border=1></a>'
//Specify gap between each image (use HTML): var imagegap=" "
//Specify pixels gap between each slideshow rotation (use integer): var slideshowgap=5
////NO NEED TO EDIT BELOW THIS LINE////////////
var copyspeed=slidespeed leftrightslide='<nobr>'+leftrightslide.join(imagegap)+'</nobr>' var iedom=document.all||document.getElementById if (iedom) document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100px;left:-9000px">'+leftrightslide+'</span>') var actualwidth='' var cross_slide, ns_slide
function slideleft(){ if (iedom){ if (parseInt(cross_slide.style.left)>(actualwidth*(-1)+8)) cross_slide.style.left=parseInt(cross_slide.style.left)-copyspeed+"px" else cross_slide.style.left=parseInt(cross_slide2.style.left)+actualwidth+slideshowgap+"px"
if (parseInt(cross_slide2.style.left)>(actualwidth*(-1)+8)) cross_slide2.style.left=parseInt(cross_slide2.style.left)-copyspeed+"px" else cross_slide2.style.left=parseInt(cross_slide.style.left)+actualwidth+slideshowgap+"px"
} else if (document.layers){ if (ns_slide.left>(actualwidth*(-1)+8)) ns_slide.left-=copyspeed else ns_slide.left=ns_slide2.left+actualwidth+slideshowgap
if (ns_slide2.left>(actualwidth*(-1)+8)) ns_slide2.left-=copyspeed else ns_slide2.left=ns_slide.left+actualwidth+slideshowgap } }