مطلوب كود تغيير الصورة عند تحديث الصفحة

[MaRWaN]

السلام عليكم
أخواني أريد كود جافا سكربت لتغيير الصفحة عندي تحديثها بمعنى لدي 10 صور كل ماادخل الصفحة تتغير الصورة اللي بعدها وادخل مرة ثانية الاقي صورة أخرى وهكذا

[Zizwar]

غير روابط الصور كما يمكنك اظافة اكثر من عشرة صور في المصفوفة

<script language=javascript>
<!--//

var url = new Array();
url[0]= "http://www.swalif.net/softs/images/smilies/biggrin.gif";
url[1]= "http://www.swalif.net/softs/images/smilies/mad.gif";
url[2]= "http://www.swalif.net/softs/images/smilies/wink.gif";
url[3]= "http://www.swalif.net/softs/images/smilies/rolleyes.gif";
url[4]= "http://www.swalif.net/softsfilz/vb_smile/applaudit.gif";
url[5]= "http://www.swalif.net/softsfilz/vb_smile/deal.gif";
url[6]= "http://www.swalif.net/softsfilz/vb_smile/eek6.gif";
url[7]= "http://www.swalif.net/softsfilz/vb_smile/002.gif";
url[8]= "http://www.swalif.net/softsfilz/vb_smile/021.gif";
url[9]= "http://www.swalif.net/softsfilz/vb_smile/confused.gif";

////////////////////////
var wwidth = "400";
var wheight = "200";
var wleft = "10";
var wtop = "5";

//////////
 wino_change = function(win){

//alert(url[win])
document.getElementById("img_wino").src = url[win];
document.getElementById("img_wino").style.display = "";
}

//sets the cookie
function setcookie(name, value, expires, path, domain, secure) {
document.cookie = name + "=" + escape(value) + ((expires == null) ? "" : "; expires=" + 
expires.toGMTString()) + ((path == null) ? "" : "; path=" + path) + 
((domain == null) ? "" : "; domain=" + domain) + ((secure == null) ? "" : "; secure");

}

function getcookie(name,value) {  
var search = name + "="          
if (document.cookie.length > 0) {                 
offset = document.cookie.indexOf(search)                     
if (offset != -1) {                            
offset += search.length                                                     
end = document.cookie.indexOf(";", offset)                           
if (end == -1)                                         
end = document.cookie.length                             
return unescape(document.cookie.substring(offset, end))  
     }           
    }
   }
window.onload = function(){
    var name = getcookie("wino");
    var wino = 0
    var now = new Date()
    now.setTime(now.getTime() + 31 * 24 * 60 * 60 * 1000)

    if (name) {
    //alert(name);
    name++
    if(name == url.length)name = 0;
     wino_change(name);
    setcookie("wino", name);
     }else{
     wino_change(wino);
     setcookie("wino", wino);

     }
 }
///////////////
//-->

</script> 

<img src="http://www.swalif.net/softs/images/smilies/biggrin.gif" style="display:none" id="img_wino" alt="" /> 

[MaRWaN]

جزاك الله خير أخوي zizwar
لكن عندي ملاحظة
عندما أحدث الصورة تطلع لي الصورة الأولى ثم تغير للصورة الثانية والثالثة وهكذا فما الحل لهذه المشكلة ؟
انظر لهذه الصفحة
http://www.be-smart.ws/mooos/bnr.htm
تظهر الصورة الأولى وفيها صورة البنت التي في الغرفة الزرقاء
لكن لماأحدثها تظهر هذه الصورة وتتغير بسرعة !
هل هناك حل لتغير الصورة دون إظهار الصورة الأولى ؟

وهذه الكود بعد التعديل وأتسائل كيف لو أضيف صورة إضافية ؟

 <script language=javascript> 
<!--// 

var url = new Array(); 
url[0]= "http://www.be-smart.ws/mooos/besmart/kubrickheader.jpg"; 
url[1]= "http://www.be-smart.ws/mooos/besmart/kubrickheader2.jpg"; 
url[2]= "http://www.be-smart.ws/mooos/besmart/kubrickheader3.jpg"; 
url[3]= "http://www.be-smart.ws/mooos/besmart/kubrickheader4.jpg"; 
url[4]= "http://www.be-smart.ws/mooos/besmart/kubrickheader5.jpg"; 
url[5]= "http://www.be-smart.ws/mooos/besmart/kubrickheader6.jpg"; 
url[6]= "http://www.be-smart.ws/mooos/besmart/kubrickheader7.jpg"; 
url[7]= "http://www.be-smart.ws/mooos/besmart/kubrickheader8.jpg"; 
url[8]= "http://www.be-smart.ws/mooos/besmart/kubrickheader9.jpg"; 
url[9]= "http://www.be-smart.ws/mooos/besmart/kubrickheader10.jpg"; 

//////////////////////// 
var wwidth = "400"; 
var wheight = "200"; 
var wleft = "10"; 
var wtop = "5"; 

////////// 
 wino_change = function(win){ 

//alert(url[win]) 
document.getElementById("img_wino").src = url[win]; 
document.getElementById("img_wino").style.display = ""; 
} 

//sets the cookie 
function setcookie(name, value, expires, path, domain, secure) { 
document.cookie = name + "=" + escape(value) + ((expires == null) ? "" : "; expires=" +  
expires.toGMTString()) + ((path == null) ? "" : "; path=" + path) +  
((domain == null) ? "" : "; domain=" + domain) + ((secure == null) ? "" : "; secure"); 

} 

function getcookie(name,value) {   
var search = name + "="           
if (document.cookie.length > 0) {                  
offset = document.cookie.indexOf(search)                      
if (offset != -1) {                             
offset += search.length                                                      
end = document.cookie.indexOf(";", offset)                            
if (end == -1)                                          
end = document.cookie.length                              
return unescape(document.cookie.substring(offset, end))   
     }            
    } 
   } 
window.onload = function(){ 
    var name = getcookie("wino"); 
    var wino = 0 
    var now = new Date() 
    now.setTime(now.getTime() + 31 * 24 * 60 * 60 * 1000) 

    if (name) { 
    //alert(name); 
    name++ 
    if(name == url.length)name = 0; 
     wino_change(name); 
    setcookie("wino", name); 
     }else{ 
     wino_change(wino); 
     setcookie("wino", wino); 

     } 
 } 
/////////////// 
//--> 

</script>  

<img src="http://www.be-smart.ws/mooos/besmart/kubrickheader.jpg" style="display:none" id="img_wino" alt="" /> 

[عبد الله هُربي]

أعتقد أن الكود بحاجة الى تعديل ..

أين أنت يا زيزوار ..

[banhamakers]

شكرا أخي
وهذا مثال وداخل منتدي

http://www.arabti.com/vb/index.php

[الهذلي]

مشكور أخي Zizwar

على الكود لاكن الكود به مشكلة ظهور أول صورة مع كل عملية تحديث من ثم ظهور الصورة اتي تليها...


أرجو مراجعة الكود