begin process at 2012 05 28 13:02:00
  Trouver un code source :
 
dans
 
Accueil > 

Code

 > 

Effets

 > CLIGNOTEMENT D'IMAGES

CLIGNOTEMENT D'IMAGES


 Information sur la source

Note :
7 / 10 - par 1 personne
7,00 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
Catégorie :Effets Niveau :Initié Date de création :22/01/2005 Vu :15 834

Auteur : olive92

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

 Description

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

  • <!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>
<!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>



 Sources du même auteur

Source avec Zip Source avec une capture JEU DES PAIRES
Source avec une capture CRYPTAGE DE TEXTE
NOMBRES PARFAITS
Source avec une capture SUITE DE FIBONACCI
Source avec une capture DIVISEURS & NOMBRES PREMIERS

 Sources de la même categorie

Source avec Zip Source avec une capture BOUTON ROTATIF par kazma
Source avec Zip Source avec une capture SHOWMAPAREA par phidelum
DHTML IE FILTRE DÉGRADÉ (OUTIL HTML POUR DÉVELOPPEUR) par internetdev
Source avec Zip ANIMATION DU TEXTE par brennal
Source avec Zip Source avec une capture EFFET RAYONS DU SOLEIL par tefa24600

Commentaires et avis

Commentaire de coucou747 le 23/01/2005 16:52:29 administrateur CS

à ta place je n'aurais fait qu'une fonction....

Commentaire de Hugololo le 01/03/2005 14:36:43

Pour faire clignoter une image sur ma page web - sachant que je n'y connais rien en prog !- où dois-je copier le script ? comment lui indiquer quelle image je veux choisir ?
je travaille avec Dreamweaver 6 sous mac OS 9.1
merci bcp !
mon site : http://lolane.club.fr/index.htm

Commentaire de coucou747 le 01/03/2005 19:09:45 administrateur CS

    if (control!=false)
.... ça vaut pas initié...

enfin bon, si tu veux un code dégeulasse...

t'as un exemple complet de page, tu dois savoir l'ajouter dans ta page... et pour modifier les images, tu n'as qu'a change les .gif

Commentaire de Hugololo le 02/03/2005 00:17:58

Non je ne veux pas un code dégueu !!
quel autre je peux utiliser sinon ??
et je l'ajoute n'importe où sur ma page, en copiant uniquement ce qui est grisé ? vraiment faut tout me dire...
comment par ex dire quelle image je veux faire clignoter, il doit y avoir une place précise, non ?
merci !

Commentaire de coucou747 le 02/03/2005 13:57:13 administrateur CS

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...

Commentaire de Hugololo le 02/03/2005 14:47:54

Ok , je veux bien un code propre pour un défilement texte !!
c'est possible alors ?

Commentaire de Hugololo le 02/03/2005 15:03:33

j'ai placé mon texte où je voulais mais il ne défile pas...que faire ??

Commentaire de coucou747 le 02/03/2005 15:03:56 administrateur CS

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...

Commentaire de nullite le 03/07/2006 04:54:38

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.

 Ajouter un commentaire




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 : 0,671 sec (3)

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