Page 1 sur 1
Temporiser affichage image
Publié : 13 juin 2011, 10:59
par Rtg57
Bonjour,
j'ai inséré 2 images sur une page Internet, mais je voudrais que la seconde image ne s'affiche qu'après un certain délai.
Est-il possible de faire ceci sans passer par quelques lignes de code ?
Merci & @ bientôt...
Re: Temporiser affichage image
Publié : 13 juin 2011, 12:29
par GAUNCE
En gif animé ou en flash, en continu ou une seule rotation. Sinon c'est une petite ligne de code, à ma connaissance !
Re: Temporiser affichage image
Publié : 13 juin 2011, 17:58
par Rtg57
Bonjour,
ce sont des images en GIF animé.
Pour ce qui est de la ligne de code... je ne ferai pas un malaise si je devais m'en servir
MErci & @ bientôt...
Re: Temporiser affichage image
Publié : 13 juin 2011, 18:35
par Ymai
Bonjour
Je pense que le petit script suivant le fait:
Code : Tout sélectionner
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="Content-Language" content="fr">
<script type="text/javascript">
setTimeout("swapImage()",3000);
function swapImage () {
var origine = document.getElementById("toto");
origine.src= "images/image2.png";
}
</script>
<title>swap</title>
</head>
<body>
<img alt="image1" src="images/image1.png" id="toto">
<img alt="image2" src="images/image2.png" style="display:none">
</body>
</html>
L'image qui doit être changée est munie d'un identificateur unique. Dans l'exemple: "toto"
La fonction swapImage() cherche la première image grâce à cet identificateur. Ensuite, elle remplace la source de cette première image par une autre source.
Finalement, la magie du remplacement de la première image par une autre tient dans la ligne
setTimeout("swapImage()",3000);
qui fait démarrer la fonction swapImage() après 3000ms.
Pour être sûr que la deuxième image soit là au moment du changement, je la télécharge en même temps que la première, mais je la cache avec la directive de style "display:none"
Bien sûr, on peut faire plus élégant.
[edit]Un peu de nettoyage dans le code source proposé[/edit]
Re: Temporiser affichage image
Publié : 13 juin 2011, 19:27
par GAUNCE
Rtg57 a écrit :Bonjour,
ce sont des images en GIF animé.
.
Tu refais l'animation en mettant le temps désiré
Re: Temporiser affichage image
Publié : 13 juin 2011, 20:37
par Rtg57
Merci à vous tous pour votre aide.
En ce qui concerne la solution par le délai GIF, j'y ai pensé.
Mais je n'ai pas été assez explicite. Mon GIF reboucle infiniment, donc si je mets un délai différent sur la 1ère image, cela casse le rythme de la boucle.
Je pensais plutôt à une fonctionnalité dans les multiples paramètres que l'on peut trouver dans Kompozer.
Je me suis dit que si cela existait, ce serait dommage de passer à côté.
Donc je vais tenter le code javascript... je vous tiendrai au courant...
Merci & @ bientôt.