منتديات أحلى استايل
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.

وضع اكثر من اعلان وسوف يتغير اتوماتيك عند مدة زمنية معينة

3 مشترك

اذهب الى الأسفل

وضع اكثر من اعلان وسوف يتغير اتوماتيك عند مدة زمنية معينة Empty وضع اكثر من اعلان وسوف يتغير اتوماتيك عند مدة زمنية معينة

مُساهمة من طرف زائر الثلاثاء 02 سبتمبر 2008, 2:19 pm

اليوم جبتلكم كود اعضاء كتيرررررررررر بحثت عنه ولم تجده وهو وضع اكثر من صورة وسوف تتغير اتوماتيك عند مدة زمنية معينة انت اللي تحددها

الكود جربته وشغال مية مية وبجد رووووووووووووووعة
وجربوه بنفسكم وقولولي علي النتيجة

اسيبكم مع الكود

الكود:
<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 : [url=http://www.BDR130.NET]WWW.BDR130.NET[/url]
//////////////////////////////////////////////////////////////////////////
// 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]="[url=http://java.bdr130.net]http://java.bdr130.net[/url]"
slidelink[1]="[url=http://www.ttt4.com]http://www.ttt4.com[/url]"
slidelink[2]="[url=http://vb.star28.net]http://vb.star28.net[/url]"
// 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>


رجاء نقله لقسم التقنيات
Anonymous
زائر
زائر


الرجوع الى أعلى الصفحة اذهب الى الأسفل

وضع اكثر من اعلان وسوف يتغير اتوماتيك عند مدة زمنية معينة Empty رد: وضع اكثر من اعلان وسوف يتغير اتوماتيك عند مدة زمنية معينة

مُساهمة من طرف خادم الاسلام الجمعة 27 يناير 2012, 1:08 am

طيب حبيبى ضع الشرح ليستفيد الجميع

اين يتم وضع الكود
خادم الاسلام
خادم الاسلام
Member
Member

سجل فى : 02/01/2012

المساهمات : 38
العمر : 41
التقييم : 0
من ..
ذكر
اعمل ..
احب ..

الرجوع الى أعلى الصفحة اذهب الى الأسفل

وضع اكثر من اعلان وسوف يتغير اتوماتيك عند مدة زمنية معينة Empty رد: وضع اكثر من اعلان وسوف يتغير اتوماتيك عند مدة زمنية معينة

مُساهمة من طرف محمد العتيبي الأربعاء 08 فبراير 2012, 5:26 pm

شكراً على الكود بس حط شرح ووين نحط الكود ذا
محمد العتيبي
محمد العتيبي
Member
Member

سجل فى : 02/02/2012

المساهمات : 59
العمر : 25
التقييم : 0
من ..
ذكر
اعمل ..
احب ..

الرجوع الى أعلى الصفحة اذهب الى الأسفل

وضع اكثر من اعلان وسوف يتغير اتوماتيك عند مدة زمنية معينة Empty رد: وضع اكثر من اعلان وسوف يتغير اتوماتيك عند مدة زمنية معينة

مُساهمة من طرف MrFx الخميس 24 يناير 2013, 2:52 pm

ربي يسلمك عن جد رووووعه
MrFx
MrFx
Member
Member

سجل فى : 24/01/2013

المساهمات : 25
العمر : 33
التقييم : 0
من ..
ذكر
اعمل ..
احب ..

الرجوع الى أعلى الصفحة اذهب الى الأسفل

وضع اكثر من اعلان وسوف يتغير اتوماتيك عند مدة زمنية معينة Empty رد: وضع اكثر من اعلان وسوف يتغير اتوماتيك عند مدة زمنية معينة

مُساهمة من طرف MrFx الخميس 24 يناير 2013, 2:52 pm

ربي يسلمك عن جد رووووعه
MrFx
MrFx
Member
Member

سجل فى : 24/01/2013

المساهمات : 25
العمر : 33
التقييم : 0
من ..
ذكر
اعمل ..
احب ..

الرجوع الى أعلى الصفحة اذهب الى الأسفل

الرجوع الى أعلى الصفحة

- مواضيع مماثلة

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