2011-03-23 3 views
0

Comment puis-je modifier une image une fois par semaine en utilisant JavaScript?JavaScript: Modifier une image chaque semaine

+0

Jetez un oeil à l'objet Date Javascript, bien que je pense que ce serait mieux exécuté du côté serveur. – Lazarus

+0

D'accord avec Lazarus. Si vous voulez vraiment le faire côté client, vous pouvez utiliser un cookie :) –

Répondre

0
<html> 
<head> 
<script type="text/javascript"> 
var arr=new Array(); 
arr=["0","1","2","3","4","5","6","7","8","9"]; 
function getCookie(c_name) 
{ 
var i,x,y,ARRcookies=document.cookie.split(";"); 
for (i=0;i<ARRcookies.length;i++) 
    { 
    x=ARRcookies[i].substr(0,ARRcookies[i].indexOf("=")); 
    y=ARRcookies[i].substr(ARRcookies[i].indexOf("=")+1); 
    x=x.replace(/^\s+|\s+$/g,""); 
    if (x==c_name) 
    { 
    return unescape(y); 
    } 
    } 
} 

function setCookie(c_name,value,exdays) 
{ 
var exdate=new Date(); 
exdate.setDate(exdate.getDate() + exdays); 
var c_value=escape(value) + ((exdays==null) ? "" : "; expires="+exdate.toUTCString()); 
document.cookie=c_name + "=" + c_value; 
} 

function checkCookie() 
{ 
var img=getCookie("imag"); 
if (img!=null && img!="") 
    { 
    document.getElementById("img").src=img+".jpg"; 
    } 
else 
    { 
    var rd=Math.random()*1000; 
    rd=String(rd); 
    rd=rd.substr(6,1); 

    setCookie("imag",rd,30); 
    } 
} 
</script> 
</head> 
<body onload="checkCookie()"> 
<img src="" id="img" height="87" /> 
</body> 
</html> 

mis dix images dans le même dossier avec le fichier html Nombred comme 1.jpg et 2.jpg ..... 9.JPG

+0

mais alors est-il obligatoire d'utiliser PHP pour le faire? – sam

+0

si vous utilisez php, pourquoi ne pas l'utiliser dans votre problème, mais vous pouvez générer des images par boucle – Abdalmohaymen

+0

hahaha .... le problème de domaine .... je ne peux changer via js ... merci beaucoup ! – sam

1

Ce que vous pouvez faire est d'utiliser Javascript pour obtenir le numéro de semaine et utiliser ce nombre pour choisir une image appropriée. Si vous voulez une image différente pour chaque semaine de l'année, par exemple, vous pourriez avoir une image comme image03.png pour la semaine 3.

Cependant, je recommande de faire ce côté serveur pour avoir l'image déjà décidée lors de la livraison de la page Web Ainsi, l'utilisateur n'a pas de retard dans l'apparition de l'image.

Questions connexes