جمعية ملتقى إبـداع، اليمن - إب
هذة الرسالة تخبرك بأنك غير مسجل
الرجاء التسجيل، وإن كنت مسجل من قبل الرجاء الدخول
وشكراً،،،


This message tells you that you are not registered please register, and if you are registered before please login
Thank you

جمعية ملتقى إبـداع، اليمن - إب

عبدالله البعدانـــــي
 
الرئيسيةاليوميةالتسجيلدخول

شاطر | 
 

 ثلاثة بنرات تتبدل بشكل جميل

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل 
كاتب الموضوعرسالة
Basheer
عضو مميز
avatar

عدد المساهمات : 295
نقاط : 1100820
تاريخ التسجيل : 30/10/2010
العمر : 30

مُساهمةموضوع: ثلاثة بنرات تتبدل بشكل جميل   الثلاثاء نوفمبر 30, 2010 12:18 pm

ثلاثة بنرات تتبدل بشكل جميل

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


وصف البانر رقم - 1 -


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

انسخ هذا الكود و ضعه في منطقة BODY و عدل للذي يناسبك


الكود:

<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.star28.com"
slidelink[1]="http://www.ttt4.com"
slidelink[2]="http://vb.star28.net"

// 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>
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
ثلاثة بنرات تتبدل بشكل جميل
استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
جمعية ملتقى إبـداع، اليمن - إب :: فئة الحاسوب :: منتدى البرمجة-
انتقل الى: