1. Accueil
  2. Tous les snippets
  3. Snippets Javascript
  4. Clignotement d'images

Clignotement d'images

4/5 (9 avis)

Snippet vu 22 967 fois - Téléchargée 31 fois

Commenter

Contenu du snippet

ce petit script va vous permettre de faire clignoter une ou plusieurs images dans une page web. Remplacer les valeurs "500" par toute autre durée en millisecondes pour déterminer la vitesse de
clignotement et utiliser les images de votre choix en tenant compte de leur position dans le document. Il s'agit ici de la première image affichée puisque le numéro d'indice est "0". L'image nommée "blank" est une image est soit transparente soit de 1 pixel X 1 pixel pour donner l'impression qu'il n' y a rien.

Source / Exemple : 


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 TRANSITIONAL//EN">
<html>
	<head>
		<title>IMAGE CLIGNOTANTE</title>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<script type="text/javascript">
		control=true;
		
		function clignote()
		{
		document.images[0].src="image.gif";
		window.setTimeout("clignote2();",500);
		}
		
		function clignote2()
		{
		if (control!=false)
		{
		document.images[0].src="blank.gif";
		window.setTimeout("clignote();",500);
		}
		}
		
		function stopit()
		{
		control=false;
		}
		
		function doit()
		{
		control=true;
		clignote();
		}
		</script>
	</head>
	<body onLoad="clignote();">
	<center>
	<img src="blank.gif" />
	<br />
	<input type="button" value="arrêter le clignotement" onClick="stopit();" />
	<br />
	<br />
	<input type="button" value="reprendre le clignotement" onClick="doit();" />
	</center>
	</body>
</html>

A voir également

Ajouter un commentaire Commentaires
cs_nullite
Messages postés
9
Date d'inscription
mardi 25 janvier 2005
Statut
Membre
Dernière intervention
18 novembre 2009
3 juil. 2006 à 04:54
Bonjour,
Avec un logiciel, quel qu'il soit, surtout Dreamweaver, il est impossible d'avoir un code propre !!!
N'utilisons que NotePad (++) Nedit ou encore Emacs... et Internet ne s'en portera que mieux !!!
Salutations.
coucou747
Messages postés
12303
Date d'inscription
mardi 10 février 2004
Statut
Membre
Dernière intervention
30 juillet 2012
 41
2 mars 2005 à 15:03
bien disons que moi je ne veux pas te le faire (pas le temps) mais ici t'as un code niveau débutant (je sais pas pourquoi c'est marqué initié) et donc, tu devrais pouvoir le faire toi même très facilement, et proprement...

lis les tutoriaux...
cs_Hugololo
Messages postés
7
Date d'inscription
mardi 1 mars 2005
Statut
Membre
Dernière intervention
2 mars 2005
2 mars 2005 à 15:03
j'ai placé mon texte où je voulais mais il ne défile pas...que faire ??
cs_Hugololo
Messages postés
7
Date d'inscription
mardi 1 mars 2005
Statut
Membre
Dernière intervention
2 mars 2005
2 mars 2005 à 14:47
Ok , je veux bien un code propre pour un défilement texte !!
c'est possible alors ?
coucou747
Messages postés
12303
Date d'inscription
mardi 10 février 2004
Statut
Membre
Dernière intervention
30 juillet 2012
 41
2 mars 2005 à 13:57
bah son code est vraiment mal codé, si t'en veux un bien, faudrait qu'on te fasse le travail ou que tu aprenne le js...

en tout cas, faut repartir de 0 car ce code est vraiment crade...
Afficher les 9 commentaires
S'inscrire maintenant

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.

Du même auteur (cs_olive92)