شبكة همس الشوق

شبكة همس الشوق (https://www.hamsalshok.com/vb/index.php)
-   همس تطوير المواقع والمنتديات (https://www.hamsalshok.com/vb/f93)
-   -   ثلاث بنرات تتبدل في نفس المكان وبشكل جميل (https://www.hamsalshok.com/vb/t107290.html)

همس الشوق 31 - 5 - 2023 10:40 AM

ثلاث بنرات تتبدل في نفس المكان وبشكل جميل
 
ثلاث بنرات تتبدل في نفس المكان وبشكل جميل


ثلاث بنرات في مكان واحد تتبدل بشكل رائع
هالشي يتيح لك مساحه بالهيدر لاعلانات اخرى..

المدة الفاصلة بين كل صورة هي 5 ثوان بامكانك تغيرها



ضع الكود


كود:


<table width="470" height="90" dir="ltr"><tr><td>

 <script>

 var slideurl=new Array()

 var slidecomment=new Array()

 var slidelink=new Array()

 var slidetarget=new Array()

 ///////////////////////////////////////////////////////////////////////////

 // EDIT-ZONE STARTS HERE  // BY : WWW.STAR28.COM

 //////////////////////////////////////////////////////////////////////////

 // Set the URLs of your slides (images) // مسار الصور

 slideurl[0]="b1.png"

 slideurl[1]="b2.png"

 slideurl[2]="b3.png"

 // Add a link for each slide //

 // If you don't want to link a slide type "#" instead (see middle-sample below)

 // روابط البنرات على الترتيب

 slidelink[0]="http://www.g1l2.com/vb"

 slidelink[1]="http://www.g1l2.com/vb"

 slidelink[2]="http://www.g1l2.com/vb"

 // Add a target for each link

 // Allowed values are: "_blank", "_top", "_parent", "_self" or the name of a frame

 slidetarget[0]="_blank"

 slidetarget[1]="_blank"

 slidetarget[2]="_blank"

 // Add a comment for each slide // الوصف

 slidecomment[0]="وصف البانر رقم  - 1 -"

 slidecomment[1]="وصف البانر رقم  - 2 - "

 slidecomment[2]="وصف البانر رقم  - 3 -"

 // Set the font for the comments

 var slidefont="TAHOMA" // نوع الخط

 // Set the fontcolor for the comments

 var slidefontcolor="black" // لون الخط

 // Set the fontsize for the comments (HTML-values ranging form 1 - 6)

 var slidefontsize=2 // حجم الخط

 // Set the width of the pictures (pixels)

 var slidewidth=468 // عرض الصورة بالبكسل

 // Set the height of the pictures (pixels)

 var slideheight=60 // طول الصورة بالبكسل

 // Set the pause between the pictures (seconds)

 var pause=5 // المدة الفاصلة بين كل صورة

 ///////////////////////////////////////////////////////////////////////////

 // EDIT-ZONE ENDS HERE

 //////////////////////////////////////////////////////////////////////////

 var preloadedimages=new Array()

 for (i=0;i<slideurl.length;i++){

  preloadedimages[i]=new Image()

  preloadedimages[i].src=slideurl[i]

 }

 var ns4=document.layers?1:0

 var ns6=document.getElementById&&!document.all?1:0

 var ie=document.all?1:0

 var imgpreload=new Array()

 for (i=0;i<=slideurl.length-1;i++) {

  imgpreload[i]=new Image()

  imgpreload[i].src=slideurl[i]

 }

 var pos_left=0

 var pos_top=0

 var speed=20

 var step=10

 var i_loop=0

 var i_image1=0

 var i_image2=1

 var i_space=""

 var all_space=""

 var max_space=20

 var content=""

 var i_slide=0

 pause*=1000

 function stretchimage() {

  if (i_loop<=slidewidth) {

  if (ie) {

    imgcontainer1.innerHTML="<a href='"+slidelink[i_image1]+"' target='"+slidetarget[i_image1]+"'><img width='"+i_loop+"' height='"+slideheight+"' src='"+slideurl[i_image1]+"' border='0'></a>"

    document.all.imgcontainer2.style.posLeft=document.all.imgcontainer1.style.posLeft+i_loop

   

    imgcontainer2.innerHTML="<a href='"+slidelink[i_image2]+"' target='"+slidetarget[i_image2]+"'><img width='"+(slidewidth-i_loop)+"' height='"+slideheight+"' src='"+slideurl[i_image2]+"' border='0'></a>"

  }

  if (ns6) {

    document.getElementById('imgcontainer1').innerHTML="<a href='"+slidelink[i_image1]+"' target='"+slidetarget[i_image1]+"'><img width='"+i_loop+"' height='"+slideheight+"' src='"+slideurl[i_image1]+"' border='0'></a>"

    document.getElementById('imgcontainer2').style.left=parseInt(document.getElementById('imgcontainer1').style.left)+i_loop

   

    document.getElementById('imgcontainer2').innerHTML="<a href='"+slidelink[i_image2]+"' target='"+slidetarget[i_image2]+"'><img width='"+(slidewidth-i_loop)+"' height='"+slideheight+"' src='"+slideurl[i_image2]+"' border='0'></a>"

  }

  i_loop=i_loop+step

  var timer=setTimeout("stretchimage()",speed)

    }

  else {

  clearTimeout(timer)

  var imgcontent="<a href='"+slidelink[i_image1]+"' target='"+slidetarget[i_image1]+"'><img width='"+i_loop+"' height='"+slideheight+"' src='"+slideurl[i_image1]+"' border='0'></a><br><center><font face='"+slidefont+"' size="+slidefontsize+" color='"+slidefontcolor+"'>"+slidecomment[i_image1]+"</font></center>"

  if (ie) {

    imgcontainer1.innerHTML=imgcontent

    document.all.imgcontainer2.style.posLeft=document.all.imgcontainer1.style.posLeft+i_loop

    imgcontainer2.innerHTML=""

  }

  if (ns6) {

    document.getElementById('imgcontainer1').innerHTML=imgcontent

  document.getElementById('imgcontainer2').style.left=parseInt(document.getElementById('imgcontainer1').style.left)+i_loop

    document.getElementById('imgcontainer2').innerHTML=""

 

  }

  changeimage()

  }

 }

 function changeimage() {

  i_loop=0

  i_image1++

  if (i_image1>slideurl.length-1) {i_image1=0}

  i_image2=i_image1-1

  if (i_image2>slideurl.length-1) {i_image2=0}

  if (i_image2<0) {i_image2=slideurl.length-1}

  if (ie) {

  document.all.imgcontainer2.style.posLeft=document.all.imgcontainer1.style.posLeft

  }

  if (ns6) {

  document.getElementById('imgcontainer2').style.left=parseInt(document.getElementById('imgcontainer2').style.left)

  }

    var timer=setTimeout("stretchimage()",pause)

 }

 

 function simpleslideshow() {

  i_slide++

  if (i_slide>=slideurl.length) {i_slide=0}

  document.slideimage.src=preloadedimages[i_slide].src

  simpleslideshowcomment()

  var fadetimer=setTimeout("simpleslideshow()",pause)

 }

 function simpleslideshowcomment() {

  if (i_space>=0){

  all_space=""

  content=""

  for (i=0;i<i_space;i++) {

    all_space+=" "

  }

  for (i=0;i<slidecomment[i_slide].length;i++) {

    var thisletter=slidecomment[i_slide].substring(i,i+1)

    thisletter=thisletter+all_space

    content+=thisletter

  }

  window.status=content

  i_space--

  var fadetimer=setTimeout("simpleslideshowcomment()",20)

  }

  else {

  clearTimeout(fadetimer)

  i_space=max_space

  }

 }

 function simpleslideshowjump() {

  if (slidetarget[i_slide]=="_self") {

  document.location.href=slidelink[i_slide]

  }

  else if (slidetarget[i_slide]=="_blank") {

  codepopup=window.open(slidelink[i_slide], "code", "status=yes,location=yes,toolbar=yes,menubar=yes,resizable=yes,scrollbars=yes,width=780,height=580,top=10,left=10");

  }

  else if (slidetarget[i_slide]=="_top") {

  top.location.href=slidelink[i_slide]

  }

 

  else if (slidetarget[i_slide]=="_parent") {

  parent.location.href=slidelink[i_slide]

  }

  else {

  var jumpto=eval("parent."+slidetarget[i_slide])

  jumpto.location.href=slidelink[i_slide]

  }

 }

 if (ie || ns6) {

  var slideh=slideheight+30

  document.write("<div style=\"position:relative;width:"+slidewidth+"px;height:"+slideh+"px;overflow:hidden\">")

  document.write("<div id=\"imgcontainer1\" style=\"position:absolute;width:"+slidewidth+"px;height:"+slideh+"px;top:0px;left:0px\"><img src=\""+slideurl[0]+"\"></div>")

  document.write("<div id=\"imgcontainer2\" style=\"position:absolute;width:"+slidewidth+"px;height:"+slideh+"px;top:0px;left:0px\"><img src=\""+slideurl[1]+"\"></div>")

  document.write("</div>")

  window.onload=stretchimage

 }

 else {

  document.write("<a href=\"javascript:simpleslideshowjump()\"><img name=\"slideimage\" src=\""+slideurl[0]+"\" border=0></a>")

  window.onload=simpleslideshow

 }

 </script>

 </td></tr></table>

 





غير الصور بالبنرات الي تبيها
وبعد غير الروابط بروابط الموديه للاعلان بالبنر

طريقته
فقط ضعه اسفل قالب header مع التعديل المذكور بالاعلى

تووفه الحربي 31 - 5 - 2023 11:12 AM

رد: ثلاث بنرات تتبدل في نفس المكان وبشكل جميل
 
الله يعطيك العافيه

همسة الشوق 31 - 5 - 2023 09:49 PM

رد: ثلاث بنرات تتبدل في نفس المكان وبشكل جميل
 
يعطيك العافيه همس الشوق عساك على القوووووه يارب


الساعة الآن 01:29 AM

جميع الحقوق محفوظه للمنتدى
HêĽм √ 3.1 BY: ! ωαнαм ! © 2010


SEO by vBSEO