الرئيسيةالرئيسية  اليوميةاليومية  بحـثبحـث  س .و .جس .و .ج  التسجيلالتسجيل  دخول  مكتبة الصورمكتبة الصور  

شاطر | 
 

 ثلاثة بنرات تتبدل بشكل جميل فقط و حصريا على منتديات احدث البرامج

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل 
رسالة
مُساهمةموضوع: ثلاثة بنرات تتبدل بشكل جميل فقط و حصريا على منتديات احدث البرامج   2012-02-11, 17:24

avatar
mhmookan
عضو جديد
النوع : ذكر
عدد المساهمات : 52
النقط : 5711
تاريخ التسجيل : 11/02/2012
العمر : 27
الإجابات المقدمة: 1
2012-02-11, 17:24
المشاركة 1
نشاط mhmookan
  • قوة السمعة :
  • الإعجاب:
    مُساهمةموضوع: ثلاثة بنرات تتبدل بشكل جميل فقط و حصريا على منتديات احدث البرامج

    ثلاثة بنرات تتبدل بشكل جميل فقط و حصريا على منتديات احدث البرامج
    ثلاثة بنرات تتبدل بشكل جميل فقط و حصريا على منتديات احدث البرامج
    ثلاثة بنرات تتبدل بشكل جميل فقط و حصريا على منتديات احدث البرامج
    ثلاثة بنرات تتبدل بشكل جميل فقط و حصريا على منتديات احدث البرامج







    صورة


    تصغير الصورة تم تعديل ابعاد هذه الصورة. انقر هنا لمعاينتها بأبعادها الأصلية.

    الكود:

    <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.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://[url=http://www.star28.com%22/]www.star28.com"[/url]
    slidelink[1]="http://[url=http://www.ttt4.com%22/]www.ttt4.com"[/url]
    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>



    الرجوع الى أعلى الصفحة اذهب الى الأسفل
    http://www.aljanaa.com
    مُساهمةموضوع: رد: ثلاثة بنرات تتبدل بشكل جميل فقط و حصريا على منتديات احدث البرامج   2012-02-11, 21:17

    avatar
    ALI
    صاحب المنتدى و مؤسسه
    النوع : ذكر
    عدد المساهمات : 674
    النقط : 2147491450
    تاريخ التسجيل : 11/02/2010
    العمر : 27
    الموقع : منتدى احدث البرامج
    الإجابات المقدمة: 1
    2012-02-11, 21:17
    المشاركة 2
    نشاط ALI
  • قوة السمعة :
  • الإعجاب:
    مُساهمةموضوع: رد: ثلاثة بنرات تتبدل بشكل جميل فقط و حصريا على منتديات احدث البرامج
    شكرا لضافتك الموضوع







    المصدر:

    [url=http://programs2010.yoo7.com][/url]




    {ALI}

    ::[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]::


    "[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]"


    :.[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]:.
















    الرجوع الى أعلى الصفحة اذهب الى الأسفل
    http://programs2010.yoo7.com
    مُساهمةموضوع: رد: ثلاثة بنرات تتبدل بشكل جميل فقط و حصريا على منتديات احدث البرامج   2012-06-17, 11:07

    avatar
    ana lena
    عضو نشيط
    النوع : ذكر
    عدد المساهمات : 115
    النقط : 5834
    تاريخ التسجيل : 25/01/2012
    العمر : 20
    الإجابات المقدمة: 1
    2012-06-17, 11:07
    المشاركة 3
    نشاط ana lena
  • قوة السمعة :
  • الإعجاب:
    مُساهمةموضوع: رد: ثلاثة بنرات تتبدل بشكل جميل فقط و حصريا على منتديات احدث البرامج
    شكرا

    الرجوع الى أعلى الصفحة اذهب الى الأسفل
    http://programs2010.yoo7.com
    مُساهمةموضوع: رد: ثلاثة بنرات تتبدل بشكل جميل فقط و حصريا على منتديات احدث البرامج   2012-06-18, 22:39

    avatar
    mhmookan
    عضو جديد
    النوع : ذكر
    عدد المساهمات : 52
    النقط : 5711
    تاريخ التسجيل : 11/02/2012
    العمر : 27
    الإجابات المقدمة: 1
    2012-06-18, 22:39
    المشاركة 4
    نشاط mhmookan
  • قوة السمعة :
  • الإعجاب:
    مُساهمةموضوع: رد: ثلاثة بنرات تتبدل بشكل جميل فقط و حصريا على منتديات احدث البرامج
    مشكوووووووووووووووووووووووووووووور

    الرجوع الى أعلى الصفحة اذهب الى الأسفل
    http://www.aljanaa.com
     
    ثلاثة بنرات تتبدل بشكل جميل فقط و حصريا على منتديات احدث البرامج
    استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
    صفحة 1 من اصل 1

    صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
    شبكه و منتديات احدث البرامج :: تقنيات احلى منتدى اكواد HTML | اكواد CSS | اكواد JavaScript و jQuery | اكواد TEMPELS | و تقنيات اخرى | حصريا على منتدى احدث البرامج :: اكواد الهتمل | Codes HTML-
    انتقل الى: