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

جافا سكريبت

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

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

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

<!--

/* 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></div>

أغلق هذه الصفحة