الفريق العربي للبرمجةأرشيف المنتديات · 2000 – 2023
نسخة أرشيفية للقراءة فقط — التسجيل والمشاركة مغلقان، والمحتوى محفوظ كما كان.

ارجو مراجعة الكود المكتوب لدي

بدأه lug في 2 فبراير 2009 · 4 رد · 742 مشاهدة · في قسم البرمجة بــ Javascript
مشاركة: واتساب X فيسبوك تيليجرام
#1 صاحب الموضوع

السلام عليكم

أخواني لوسمحتم إذا ممكن تساعدوني، أريد أن تراجعوا هذا الكود المكتوب والذي يقوم بتقليب الصور في الجافا سكريبت (طبعا أنا استخدم مستعرض الانترنت اكسبلورر7) وفقاً لل Timer أي تعرض لأول مرة الصورة الأولى وبعد مدة زمنية مثلا ثانية يعرض الصورة الأخرى وبعد مدة محددة يعود لعرض الصورة الأولى وهكذا، طبعا ممكن تغيروا اسماء الصور الموجودة عندكم، حاولت لكني لم أستطع أتمنى مساعدتي في أسرع وقت وجزاكم الله خيراً

  1.  
  2. <html>
  3.  
  4. <head>
  5.  
  6. <script type="text/javascript">
  7. var t
  8. function timer1()
  9. {
  10. document.b1.src ="Blue.jpg"
  11. t= setTimeout("timer1()",1000)
  12. document.b1.src="Water.jpg"
  13. }
  14. </script>
  15.  
  16. </head>
  17.  
  18. <body>
  19.  
  20. <a href="Blue.jpg" target="_blank" style="border-style: dashed border-width: 2px width: 200px
     height: 200px">
  21.  
  22.  <img src="Blue.jpg" name="b1" "timer1()">
  23.  
  24. </body>
  25.  
  26. </html>
  27.  
  28.  


      
      

      
    

  

    
    

      
#2
        
        

      
أسخ هذا الكود في الهيد 
<HEAD>

<script LANGUAGE="JavaScript">
function CoffeePreview(sel) {
document.CoffeePreview.src = "" + sel.options[sel.selectedIndex].value;
}
function CoffeeShow(sel) {
images = new Array();
images[1] = "1.jpg";
images[2] = "2.jpg";
images[3] = "3.jpg";
images[4] = "4.jpg";
images[5] = "5.jpg";
images[6] = "6.jpg";
window.location.href = images[sel.selectedIndex+1];
}
</script>
وهذا الكود في البادي 
<BODY>

<center>
<form name=previewselect>
<select name=selbox size=1 onChange="CoffeePreview(this)">
<option value="1-small.jpg">Image #1
<option value="2-small.jpg">Image #2
<option value="3-small.jpg">Image #3
<option value="4-small.jpg">Image #4
<option value="5-small.jpg">Image #5
<option value="6-small.jpg">Image #6
</select>
<p>
<img name="preview" src="1-small.jpg" width=150 height=113 border=1>
<p>
<input type=button value="view Image" onclick="CoffeeShow(this.form.selbox)">
</form>
</center>


<font face="Tahoma"><a target="_blank" href="http://www.javascriptfreecode.com/"><span style="font-size: 8pt; text-decoration: none">JavaScript Free Code</span></a></font>

      
      

      
    

  

    
    

      
#3
        
        

      
مشكور أخي لكن عندما قمت بتنفيذه لم يكن هو المطلوب حيث أن طلبي كان أنه مجرد تحميل الصفحة يتم عرض الصور باستمرار بعد فترة زمنية محددة، ثانياً أفضل استخدام الدالة setTimeout لانها سهلة، فأرجو من الأعضاء الذين لديهم خبرة إفادتي، إما بإعطائي كود قريب من الكود اللي نزلته أو كود يستخدم دوال الTimer البسيطة، ارجو المساعدة وجزى الله خيراً كل من ساعدني أو قدم لي أي معلومة

      
      

      
    

  

    
    

      
#4
        
        

      
  السلام عليكــم ورحمـة الله وبركاتــه
جرب هذا الكود

 <html>
 <head>
	 <script type="text/javascript">
	 var i = 1;
	 function timer1()
	 {
		 images = new Array();
		 images[1] = "1.png";
		 images[2] = "2.png";
		 images[3] = "3.png";
		 images[4] = "4.png";
		 images[5] = "5.png";
		 images[6] = "6.png";
		 document.getElementById("image").setAttribute("src", images[i++]);
		 if (i > 6)
			 i = 1;
		 setTimeout("timer1()",1000);
	 }

	 </script>
 </head>

 <body onLoad="timer1()">
	 <img id="image"/>
 </body>
 </html>

      
      

      
    

  

    
    

      
#5
        
        

      
شكرررااااااااا جزيلااا لكل من تفاعل معي 
الحمد لله، المساعدة التي أردتها، أتمنى أن يستمر هذا التفاعل
أتمنى لكم التوفيق

      
      

      
    

  

    
    
    
 مواضيع مشابهة