شريط متحرك للصور بشكل أفقي

شريط متحرك للصور بشكل أفقي
ضع مؤشر الماوس على اي صورة لتقف

طريقة التركيب

انسخ كاملاً و ضعه بعد الوسم BODY و عدل للذي يناسبك

<div align="center" dir="ltr"><script language="JavaScript1.2"> 
<!--
/* Visit http://www.elahmad.com/ for more code */

//Specify the slider's width (in pixels)
var sliderwidth=200;  // عرض المستطيل بالبكسل
//Specify the slider's height (in pixels, pertains only to NS)
var sliderheight=145;
//Specify the slider's scroll speed (larger is faster)
var slidespeed=4;     //  يمكنك تغيير السرعة أيضاً
 
//Specify the slider's images
var leftrightslide=new Array();
var finalslide='';
leftrightslide[0]='<a href="http://www.elahmad.com"><img src="/java/img/036.gif" border=0></a>'; // عدل لعنوان الصورة و الرابط الذي يناسبك
leftrightslide[1]='<a href="http://www.elahmad.com""><img src="/java/img/103.gif" border=0></a>';
leftrightslide[2]='<a href="http://www.elahmad.com""><img src="/java/img/105.gif" border=0></a>';
leftrightslide[3]='<a href="http://www.elahmad.com""><img src="/java/img/131.gif" border=0></a>';
leftrightslide[4]='<a href="http://www.elahmad.com""><img src="/java/img/216.gif" border=0></a>';
 
///////do NOT edit pass this line///
 
var copyspeed=slidespeed;
//copy contents of leftrightslide into one variable
for (i=0;i<leftrightslide.length;i++)
finalslide=finalslide+leftrightslide[i]+"  ";
 
 
if (document.all){
//dynamically write out the marquee tag
document.write('<marquee id="ieslider" scrollAmount=0 style="width:'+sliderwidth+'">'+finalslide+'</marquee>');
//stop marquee when mouse is over it
ieslider.onmouseover=new Function("ieslider.scrollAmount=0");
//re-enable marquee when mouse is out
ieslider.onmouseout=new Function("if (document.readyState=='complete') ieslider.scrollAmount=slidespeed");
}
 
function regenerate(){
window.location.reload();
}
function regenerate2(){
if (document.layers){
document.ns_slider01.visibility="show";
setTimeout("window.onresize=regenerate",450);
intializeleftrightslide();
}
if (document.all)
ieslider.scrollAmount=slidespeed;
}
 
//NS specific function for initializing slider upon page load
function intializeleftrightslide(){
document.ns_slider01.document.ns_slider02.document.write('<nobr>'+finalslide+'</nobr>');
document. ns_slider01.document.ns_slider02.document.close();
thelength=document.ns_slider01.document.ns_slider02.document.width;
scrollslide();
}
 
//NS specific function for sliding slideshow
function scrollslide(){
if (document.ns_slider01.document.ns_slider02.left>=thelength*(-1)){
document.ns_slider01.document.ns_slider02.left-=slidespeed;
setTimeout("scrollslide()",100);
}
else{
document.ns_slider01.document.ns_slider02.left=sliderwidth;
scrollslide();
}
}
window.onload=regenerate2;
 
//-->
</script>
 
 
<ilayer width=&{sliderwidth}; height=&{sliderheight}; name="ns_slider01" visibility=hide>
<layer name="ns_slider02" onMouseover="slidespeed=0;" onMouseout="slidespeed=copyspeed"></layer>
</ilayer></div>

شريط-متحرك-للصور-بشكل-أفقي-java-script

موقع الاحمد جافا سكريبت