الرئيسيةاليوميةس .و .جبحـثالأعضاءالمجموعاتالتسجيلدخول

شاطر | 
 

 كود وضع بنر متحرك بشكل جميل وإحترافي

اذهب الى الأسفل 
كاتب الموضوعرسالة
هدايا دعوية

avatar

عدد المساهمات : 9
تاريخ التسجيل : 08/04/2013

مُساهمةموضوع: كود وضع بنر متحرك بشكل جميل وإحترافي   الإثنين أبريل 08, 2013 11:26 am

السلام عليكم ورحمة الله وبركاته ...

بنر متحرك كل 4 أو 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]="http://i63.servimg.com/u/f63/11/73/55/05/110.jpg"
slideurl[1]="http://i63.servimg.com/u/f63/11/73/55/05/210.jpg"
slideurl[2]="http://i63.servimg.com/u/f63/11/73/55/05/310.jpg"
slideurl[3]="http://i63.servimg.com/u/f63/11/73/55/05/410.jpg"
slideurl[4]="http://i63.servimg.com/u/f63/11/73/55/05/510.jpg"
slideurl[5]="http://i63.servimg.com/u/f63/11/73/55/05/610.jpg"
slideurl[6]="http://i63.servimg.com/u/f63/11/73/55/05/710.jpg"
slideurl[7]="http://i63.servimg.com/u/f63/11/73/55/05/mktba_10.jpg"

// Add a comment for each slide // الوصف
slidecomment[0]="| كن العضو المميز على الجميع |"
slidecomment[1]="| حقوق الغير أمانة فلا تنزعها |"
slidecomment[2]="| زر البحث هو الأسهل للوصول إلى مرادك |"
slidecomment[3]="| إلتزم بإختيار القسم المناسب لطرح موضوعك |"
slidecomment[4]="| شارك الجميع بطرح مشكلتك لمعرفة الحل جميعآ |"
slidecomment[5]="| تقدم بطرح أفكارك وتقديم إبداعاتك لنهضة الموقع |"
slidecomment[6]="| تجنب تكرار وخلل عنوان الموضوع |"
slidecomment[7]="| يرجى إضافة رابط موقعك في خانة موقعي لسهولة مساعدتك من قبل الدعم الفني للموقع |"

// 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=400 // عرض الصورة بالبكسل

// Set the height of the pictures (pixels)
var slideheight=60 // طول الصورة بالبكسل

// Set the pause between the pictures (seconds)
var pause=6 // المدة الفاصلة بين كل صورة

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



إن شاء الله يفيدكم ... هو منقول أكيد بس أنا عدلت وأضفت فيه ...
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو http://hadaya.ahlamontada.com
ملك التطوير
Admin
avatar

عدد المساهمات : 318
تاريخ التسجيل : 24/03/2013

مُساهمةموضوع: رد: كود وضع بنر متحرك بشكل جميل وإحترافي   الإثنين أبريل 08, 2013 11:32 am

شكررررررا لكي يا اختي الكريمه على ابداعكي في مواضيعك الرائعه بانتظارك الجديد والجديد


الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو http://tatwercom.yoo7.com
 
كود وضع بنر متحرك بشكل جميل وإحترافي
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
 :: اكواد HTMl-
انتقل الى: