Clignotement d'images

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

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)