begin process at 2012 05 29 07:38:01
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

CSS

 > 

Général

 > 

compte à rebours avec changement d'image


Derniers messages déposésPoser une question dans le forum ou lancer une discussion

compte à rebours avec changement d'image

jeudi 31 mars 2011 à 00:36:14 | compte à rebours avec changement d'image

ravid87

Bonsoir,

voila j'ai un petit problème, le grand maître Yoogle n'a pas su me répondre précisément , enfaite je voudrais intégrer une image qui change en fonction du décompte, pas une barre de progression. Déjà es que c'est possible en javascript ? si non dans quel langage SPV ? si vous avez besoins de mon code du compte à rebours:

Code Javascript :
<script LANGUAGE="JavaScript">
<!--
function getTime() {
now = new Date();
y2k = new Date("Mar 30 2011 00:00:00"); //date et heure de fin du compte à rebours 
days = (y2k - now) / 1000 / 60 / 60 / 24;
daysRound = Math.floor(days);
hours = (y2k - now) / 1000 / 60 / 60 - (24 * daysRound);
hoursRound = Math.floor(hours);
minutes = (y2k - now) / 1000 /60 - (24 * 60 * daysRound) - (60 * hoursRound);
minutesRound = Math.floor(minutes);
seconds = (y2k - now) / 1000 - (24 * 60 * 60 * daysRound) - (60 * 60 * hoursRound) - (60 * minutesRound);
secondsRound = Math.round(seconds);
sec = (secondsRound == 1) ? " sec" : " sec";
min = (minutesRound == 1) ? " min" : " min, ";
hr = (hoursRound == 1) ? " h" : " h, ";
dy = (daysRound == 1)  ? " jour" : " jours, "
document.timeForm.input1.value = "" + daysRound + dy + hoursRound + hr + minutesRound + min + secondsRound + sec + "";
newtime = window.setTimeout("getTime();", 1000);
}
// -->
</script>
 <p> encore </p>
    <form name=timeForm>
      <input type="texte" name=input1 size=25 border-style="none" style="border-bottom: 0px solid; border-left: 0px solid;border-right: 0px solid;border-top: 0px solid;font:1.2em arial, helvetica,sans-serif;background-color:transparent; text-align:center" />
    </form>
    <p> avant le nouvelle épisode </p>


Merci d'avance.
samedi 23 avril 2011 à 06:11:14 | Re : compte à rebours avec changement d'image

smotte761

Réponse acceptée !
Bonjour,

Voici un code qui va répondre à tes besoins :

<HTML>
<head>
<script type="text/javascript">
couv = new Array;
couv[0] = './images/1.jpg'
couv[1] = './images/2.jpg'
couv[2] = './images/3.jpg'
couv[3] = './images/4.jpg'
couv[4] = './images/5.jpg'
num = 2

function ChangeImage()
{
if (num == -1) { num = (couv.length-1)}
if(document.getElementById)
{
//permet de faire apparaitre un objet ->getElementById
//le innerHTML permet de modifier le contenu d'une balise HTML
document.getElementById("zone").innerHTML ='<img src="'+ couv[num] + '"> ';
num = num-1
}
//déclenche une minuterie -> SetTimeOut en mili seconde
setTimeout("ChangeImage()", 2000);
}
window.onload = ChangeImage;
//-->
</script>
</head>
<body>
<div id="zone"></div>
</body>

samedi 23 avril 2011 à 10:50:18 | Re : compte à rebours avec changement d'image

ravid87

merciiiiii beaucoup !!


Cette discussion est classée dans : code, image, changement, compte, rebours


Répondre à ce message

Sujets en rapport avec ce message

[déplacé Bar -> PHP] Une demande de promotion qui change toute les semaine par une image differente et un compte a rebours qui repart a 1 tous les 7 jours [ par val78 ] Bonjour <?xml:namespace prefix = o ns Pobleme Compte à rebours javascript dans boucle PHP [ par ptimushu ] Bonjour, J'ai énormement de mal à créer un compte à rebours javascript intégré dans une boucle PHP. Voici mon code PHP avec une table [b]produit[/b] Changement Image à intervalle régulier : probléme fluiditée [ par thierryd75 ] Bonjour, J'ai trouvé ce bout de code sur internet qui peu servir à tous et permet de faire défiler des images, clicable à intervalles réguliers (exce compte a rebours avant la coupe du monde 2010 [ par winky8300 ] salut a tous j'aimerai mettre un compte a rebours avant la coupe du monde 2010 (11 juin 2010) sur mon forum . (jours -heures-minutes- secondes) quelq Retailler div apres chargement image [ par jashugan ] Bonjour, Voilà mon problème, j'ai une lightbox que j'affiche, dans cette lightbox j'ai une image qui se charge. J'ai une fonction javascript qui me Changement automatique d'image [ par dpechou ] Bonjour, je cherche un script permettant de changer d'image background en fonction: - du navigateur - et ensuite du mois, en effet je veux changer Afficher / cacher un div au survol d'une image [ par bradeux ] Bonjour à tous, J'ai trouvé sur ce forum un petit bout de code bien utile pour afficher / cacher des divs au survol d'une image. (http://forum.alsacr Changement d'image dynamique dans un tableau [ par ilprim ] salut a tous, voila je voudrais savoir si vous avait des tutos ou des codes sources qui pourrais me permettre de modifier des images dans un tableau Aide avec un script réduction image !!! [ par kangourouxxx ] Bonjour, je fait appel a vous car j'ai un petit problème de code. J'ai décidé d'alléger mon site et j'ai commencer par exporter tout mes code en .js e Image en lien avec un hover valide W3C [ par Kitzume ] Bonjour, Objectif : valider le W3C Le code dessous fonctionne très bien par contre n'est pas valide W3C Cause : pas de div dans un lien [code=html


Nos sponsors


Sondage...

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir



 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 1,076 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales