شبكة و منتديات هدايا دعوية الإسلامية
أهلآ و سهلآ بك زائرنا الكريم
نتمنى لك تصفح ممتع ومفيد بين أرجاء الشبكة
ندعوك بالتسجيل معنا لتقديم الهدايا لك مجانآ لخدمة منتداك أو موقعك

شاطر
استعرض الموضوع السابقاذهب الى الأسفلاستعرض الموضوع التالي
إدارة هدايا دعوية

..:: مؤسس المنتدى ::..


..:: مؤسس المنتدى ::..
♣ إعْـلآناتْ الشَركَةْ » : = جديد = اشتر الآن من عدد مساهماتك
انثى

♣ مشَارَڪاتْي » : 1411
♣ مُڪإني \ دَولتِـيَ» : السعودية
♣ العـمْرّ» : 30
هوايتي : التصميم والنت
|| ♣ سُمعَتِـيْ » : 71
http://www.facebook.com/pages/%D8%B4%D8%B1%D9%83%D8%A9-%D9%87%D8%AF%D8%A7%D9%8A%D8%A7-%D8%AF%D8%B9%D9%88%D9%8A%D8%A9-%D8%A5%D8%B3%D9%84%D8%A7%D9%85%D9%8A%D8%A9/176070519128303?ref=hlhttp://hadaya.ahlamontada.com

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

في الأحد أغسطس 26, 2012 4:03 pm
السلام عليكم ورحمة الله وبركاته ...

بنر متحرك كل 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 : [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
//////////////////////////////////////////////////////////////////////////

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



إن شاء الله يفيدكم ... هو منقول أكيد بس أنا عدلت وأضفت فيه ...
avatar
okkman

..:: مراقب عــام ::..


..:: مراقب عــام ::..
♣ إعْـلآناتْ الشَركَةْ » : = جديد = اشتر الآن من عدد مساهماتك
ذكر

♣ مشَارَڪاتْي » : 920
♣ مُڪإني \ دَولتِـيَ» : السعودية
هوايتي : التصميم
|| ♣ سُمعَتِـيْ » : 170

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

في الإثنين أغسطس 27, 2012 5:46 am
يعطيك العافية
إدارة هدايا دعوية

..:: مؤسس المنتدى ::..


..:: مؤسس المنتدى ::..
♣ إعْـلآناتْ الشَركَةْ » : = جديد = اشتر الآن من عدد مساهماتك
انثى

♣ مشَارَڪاتْي » : 1411
♣ مُڪإني \ دَولتِـيَ» : السعودية
♣ العـمْرّ» : 30
هوايتي : التصميم والنت
|| ♣ سُمعَتِـيْ » : 71
http://www.facebook.com/pages/%D8%B4%D8%B1%D9%83%D8%A9-%D9%87%D8%AF%D8%A7%D9%8A%D8%A7-%D8%AF%D8%B9%D9%88%D9%8A%D8%A9-%D8%A5%D8%B3%D9%84%D8%A7%D9%85%D9%8A%D8%A9/176070519128303?ref=hlhttp://hadaya.ahlamontada.com

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

في الإثنين أغسطس 27, 2012 9:05 am
الله يعافيك أخوي ^_^ ......

منور ....
avatar
maly-mzaj

..:: أخ جـديـد ::..


..:: أخ جـديـد ::..
♣ إعْـلآناتْ الشَركَةْ » : = جديد = اشتر الآن من عدد مساهماتك
انثى

♣ مشَارَڪاتْي » : 10
♣ مُڪإني \ دَولتِـيَ» : sultanate of oman
|| ♣ سُمعَتِـيْ » : 3

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

في الإثنين سبتمبر 03, 2012 2:17 am
نااااااااااااااااااااااااااااااااااايس
avatar
maly-mzaj

..:: أخ جـديـد ::..


..:: أخ جـديـد ::..
♣ إعْـلآناتْ الشَركَةْ » : = جديد = اشتر الآن من عدد مساهماتك
انثى

♣ مشَارَڪاتْي » : 10
♣ مُڪإني \ دَولتِـيَ» : sultanate of oman
|| ♣ سُمعَتِـيْ » : 3

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

في الأحد سبتمبر 30, 2012 1:21 am
ناااااااااااااااااااااااااااااااااااااااااايس
avatar
omarzizoooo

..:: أخ مُسْتـجِدْ ::..


..:: أخ مُسْتـجِدْ ::..
♣ إعْـلآناتْ الشَركَةْ » : = جديد = اشتر الآن من عدد مساهماتك
ذكر

♣ مشَارَڪاتْي » : 4
♣ مُڪإني \ دَولتِـيَ» : مصر
|| ♣ سُمعَتِـيْ » : 0

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

في الأحد ديسمبر 09, 2012 10:11 am
okkman كتب: يبارك لك ربي و يعطيك العافية
avatar
Abdo Dody

..:: أخ جـديـد ::..


..:: أخ جـديـد ::..
♣ إعْـلآناتْ الشَركَةْ » : = جديد = اشتر الآن من عدد مساهماتك
ذكر

♣ مشَارَڪاتْي » : 11
♣ مُڪإني \ دَولتِـيَ» : مــصــــر
|| ♣ سُمعَتِـيْ » : 3
http://www.enter.top-me.com

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

في الجمعة ديسمبر 21, 2012 8:56 am
شكرا لك الكود رائع جدا
إدارة هدايا دعوية

..:: مؤسس المنتدى ::..


..:: مؤسس المنتدى ::..
♣ إعْـلآناتْ الشَركَةْ » : = جديد = اشتر الآن من عدد مساهماتك
انثى

♣ مشَارَڪاتْي » : 1411
♣ مُڪإني \ دَولتِـيَ» : السعودية
♣ العـمْرّ» : 30
هوايتي : التصميم والنت
|| ♣ سُمعَتِـيْ » : 71
http://www.facebook.com/pages/%D8%B4%D8%B1%D9%83%D8%A9-%D9%87%D8%AF%D8%A7%D9%8A%D8%A7-%D8%AF%D8%B9%D9%88%D9%8A%D8%A9-%D8%A5%D8%B3%D9%84%D8%A7%D9%85%D9%8A%D8%A9/176070519128303?ref=hlhttp://hadaya.ahlamontada.com

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

في السبت ديسمبر 22, 2012 5:48 am
Abdo Dody كتب:شكرا لك الكود رائع جدا

العفو حياك الله أخي الكريم ...

avatar
الغريــب

..:: أخ جـديـد ::..


..:: أخ جـديـد ::..
♣ إعْـلآناتْ الشَركَةْ » : = جديد = اشتر الآن من عدد مساهماتك
ذكر

♣ مشَارَڪاتْي » : 30
♣ مُڪإني \ دَولتِـيَ» : المملكة العربية السعودية
|| ♣ سُمعَتِـيْ » : 4

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

في الإثنين يناير 21, 2013 7:36 am
جزاكم الله خير
استعرض الموضوع السابقالرجوع الى أعلى الصفحةاستعرض الموضوع التالي
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى