begin process at 2010 03 14 18:40:23
  Trouver un code source :
 
dans
 
[ Dernières recherches ]
Accueil > 

Code

 > 

Date & Heure

 > AFFICHAGE PHOTO

AFFICHAGE PHOTO


 Information sur la source

Note :
Aucune note
Catégorie :Date & Heure Classé sous :image, date, afficher Niveau :Débutant Date de création :04/05/2006 Date de mise à jour :09/05/2006 14:08:50 Vu :5 808
Auteur : laPepette

Ecrire un message privé
Commentaire sur cette source (6)
Ajouter un commentaire et/ou une note

 Description

Pour afficher une photo différente selon le mois de l'année

Source

  • <html>
  • <head><title>image</title>
  • <script language="JavaScript">
  • function affiche_image() {
  • var tab_image = new Array(6);
  • tab_image[0]="<img src='janv_fev.jpg'>";
  • tab_image[1]="<img src='mars-avril.jpg'>";
  • tab_image[2]="<img src='mai-juin.jpg'>";
  • tab_image[3]="<img src='juillet-aout.jpg'>";
  • tab_image[4]="<img src='sept-oct.jpg'>";
  • tab_image[5]="<img src='nov-dec.jpg'>";
  • var auj = new Date();
  • var mois = auj.getMonth();
  • /*if ((mois==0)||(mois==1)) {
  • document.write(tab_image[0]);
  • }
  • if ((mois==2)||(mois==3)) {
  • document.write(tab_image[1]);
  • }
  • if ((mois==4)||(mois==5)) {
  • document.write(tab_image[2]);
  • }
  • if ((mois==6)||(mois==7)) {
  • document.write(tab_image[3]);
  • }
  • if ((mois==8)||(mois==9)) {
  • document.write(tab_image[4]);
  • }
  • if ((mois==10)||(mois==11)) {
  • document.write(tab_image[5]);
  • }
  • return tab_image[mois]; */
  • for (i=0; i<=11; i++) {
  • if (i==mois) {
  • var j=parseInt(i/2);
  • document.write(tab_image[j]);
  • return tab_image[j];
  • }
  • }
  • }
  • </script>
  • </head>
  • <body>
  • <table width="208" height="1280">
  • <tr><td>
  • <script language="JavaScript">
  • affiche_image();
  • </script>
  • </td></tr>
  • </table>
  • </body>
  • </html>
<html>
<head><title>image</title>
<script language="JavaScript">
function affiche_image() {
	var tab_image = new Array(6);
	tab_image[0]="<img src='janv_fev.jpg'>";
	tab_image[1]="<img src='mars-avril.jpg'>";
	tab_image[2]="<img src='mai-juin.jpg'>";
	tab_image[3]="<img src='juillet-aout.jpg'>";
	tab_image[4]="<img src='sept-oct.jpg'>";
	tab_image[5]="<img src='nov-dec.jpg'>";
	
	var auj = new Date();
	var mois = auj.getMonth();
	
	/*if ((mois==0)||(mois==1)) {
			document.write(tab_image[0]);
			}
	if ((mois==2)||(mois==3)) {
			document.write(tab_image[1]);
			}
	if ((mois==4)||(mois==5)) {
			document.write(tab_image[2]);
			}
	if ((mois==6)||(mois==7)) {
			document.write(tab_image[3]);
			}
	if ((mois==8)||(mois==9)) {
			document.write(tab_image[4]);
			}
	if ((mois==10)||(mois==11)) {
			document.write(tab_image[5]);
			}
	return tab_image[mois];   */
        
        for (i=0; i<=11; i++) {
		if (i==mois) {
		var j=parseInt(i/2);
		document.write(tab_image[j]);
		return tab_image[j];
		}
	}	

}
	
</script>
</head>
<body>
<table width="208" height="1280">
<tr><td>
<script language="JavaScript">
affiche_image();
</script>

</td></tr>
</table>

</body>
</html>

 Conclusion

ce script marche mai si quelqu'un a une idée pour le faire plus simplement que ca ...
N'hésitez pas


 Historique

09 mai 2006 14:08:50 :
c bon ai réussi a faire l'affichage avec une boucle, c'est beaucoup plus simple qu'avec les if.

 Sources de la même categorie

Source avec Zip CHRONOMÈTRE AMÉLIORÉ par Kolosta
Source avec Zip SLEEP() SANS BOUCLE D'ATTENTE CONSOMMATRICE par Phildepantin
Source avec Zip AFFICHAGE DE L'HEURE ET DU FUSEAU HORAIRE (TIMEZONE) SUR LA ... par navylav2
Source avec Zip Source avec une capture HORLOGE TRIPLE AFFICHAGE AU FORMAT AM/PM/24H/DST par sofiane1234
Source avec Zip Source avec une capture HORLOGE NUMÉRIQUE EN JAVASCRIPT, COMPATIBLE IE ET FF par bad_dark_spirit
Toutes les sources de la catégorie Date & Heure

 Sources en rapport avec celle ci

AFFICHER OU CACHER UN COMPOSANT AVEC JAVASCRIPT V1.0 par xloadx
Source avec Zip MOOLOUPE - EFFET DE LOUPE VIA LE FRAMEWORK MOOTOOLS par Miky76
AFFICHER DATE ET HEURE ACTUELLE (SCRIPT TRES LÉGER ET SIMPL... par lelougarou
Source avec Zip MONTRE ET DATE EN VBS DANS UNE FENÊTRE par abdelaziz_info
AFFICHER UN MESSAGE D'APRES LA DATE par bob3000

Commentaires et avis

Commentaire de coucou747 le 05/05/2006 13:07:53

#
#     if ((mois==0)||(mois==1)) {
#             document.write(tab_image[0]);
#             }
#     if ((mois==2)||(mois==3)) {
#             document.write(tab_image[1]);
#             }
#     if ((mois==4)||(mois==5)) {
#             document.write(tab_image[2]);
#             }
#     if ((mois==6)||(mois==7)) {
#             document.write(tab_image[3]);
#             }
#     if ((mois==8)||(mois==9)) {
#             document.write(tab_image[4]);
#             }
#     if ((mois==10)||(mois==11)) {
#             document.write(tab_image[5]);


l'usage des boucles pourrait simplifier le code...

Commentaire de Pierre Gelin le 09/05/2006 11:29:54

Pas besoin de test ni de boucle, le bon indice dans le tableau se déduit aisément du numéro de mois !
La batterie de tests peut être remplacée par une seule ligne :

document.write(tab_image[Math.floor(mois/2)]);

Bonne continuation !

Commentaire de laPepette le 09/05/2006 14:16:35

merci beaucoup, en effet une phrase est beaucoup plus simple qu'une boucle!
j'aurai pu y penser.
merci pour ton aide

Commentaire de pattes le 28/05/2006 22:26:13

Bonsoir,

Mon problème est autre en fait je voudrais afficher une image le matin "Bonjour" et le soir "Bonsoir". Pouvez-vous m'aider ? Merci beaucoup !

Commentaire de coucou747 le 29/05/2006 21:05:01

pattates, n'envoi pas de pv !!!

Commentaire de laPepette le 30/05/2006 16:15:55

ce doit etre a peu pres la meme chose, sauf qu'apres avoir recuperer la date du jour avec new Date(), il faut recuperer l'heure. ce doit etre quelque chose comme getHours(), ensuite tu affiche ton image selon l'heure qu'il est.

 Ajouter un commentaire


Discussions en rapport avec ce code source dans le forum

Afficher Date Heure en cours sur page web [ par charlybegood46 ] Bonjour,Je cherche à afficher la date et l'heure actuelle dans une page web!Merci pour votre aide. Tout est pour le mieux dans le meilleur des mondes Afficher des images en fonction de la date [ par bisquine ] Je souhaite réaliser une page web qui aurait un bandeau (constitué d'images) qui change en fonction des mois de l'année. Je ne veux pas utiliser la fo Afficher une(+) image(s) sur une autre... [ par Ptival ] Bonjour tout le monde !J'aimerais savoir si on pouvait afficher en Javascript, ( ou un autre langage mais je pense que ce serait plutôt du JS ), dans Une question pour mon calendrier [ par syltouille ] Bonjour et bonne annee tout le monde.Mon premier souci de cette annee est:J'ai realise un calendrier en PHP avec des images pour chaque jour.- Je voud Afficher la date de dernière modification [ par PsyCaDi ] Bonjour,Comment fait-on pour afficher la date de dernière modification sur une page HTML? (peu importe le langage)Merci re enorme probleme [ par morgandetoi06 ] voila en fait quand je veu afficher une image par exemple &lt;img src="coeur.gif"&gt;je suis obligé de faire clique droit -&gt; afficher l image pour N'afficher l'image que quand elle est complete [ par RazielReaver ] Salut à tous,Je cherche depuis un moment la solution pour n'afficher l'image que quand elle est arrivé entièrement dans le cache du navigateur. Autrem Afficher la date de fichiers pointés par un lien [ par OlivierV ] Bonjour,Je suis débutant et je voudrais (si c'est possible) afficher dynamiquement la date d'un fichier pointé par un lien. Je suis arrivé à afficher Afficher 2 images au passage de la souris sur une image [ par Monico9385 ] Bonjour, alors voila mon probleme. J'aimerai qu'au passage de la souris sur une imge, cela m'ouvre cette image en plus grand, et au meme moment que c Afficher du texte sous le passage de la souris [ par Arnauti ] Bonjour, je voudrais avoir une image qui lorsque la souris passe dessus, l'image change et que ca affiche le texte. Jusque la pas de probl&#232;me&nb


Nos sponsors


Appels d'offres

Sondage...

Comparez les prix


Samsung Galaxy I7500 (8 Go)
Entre 129€ et 575€

Visiter le guide achat

CalendriCode

Mars 2010
LMMJVSD
1234567
891011121314
15161718192021
22232425262728
293031    

Consulter la suite du CalendriCode

Photothèque

Photo grand écartPhoto icare2
Photo cascades de plitvice 

Visiter la photothèque
 
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,591 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales
Outils Convertisseur VB/C# Snippets et scripts Outils en ligne La ToolBox
Communauté Programmation Photographie Technologie Newsgroups Emploi Forum Blogs
Guide d'achat Téléphonie mobile Image et son Informatique Bureautique Jeux vidéo
Logiciels Internet & Réseau Développement Market Android Jeux & Loisirs Graphisme Multimédia Sécurité Pilotes
Loisirs Cartes virtuelles Vidéos droles Jeux en ligne Géoguide AndroLib (Android Market)