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...
Temporiser affichage image
Modérateur : chinon37
Re: Temporiser affichage image
En gif animé ou en flash, en continu ou une seule rotation. Sinon c'est une petite ligne de code, à ma connaissance !
Ma configuration
Si tu es dans l'obscurité, viens sur ce forum pour t'éclairer (proverbe Landais)
" La libertat qu'ei lo camin "
Si tu es dans l'obscurité, viens sur ce forum pour t'éclairer (proverbe Landais)
" La libertat qu'ei lo camin "
Re: Temporiser affichage image
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...
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
Bonjour
Je pense que le petit script suivant le fait:
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]
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>
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]
ymai
« Un enfant de cinq ans comprendrait cela ! Allez me chercher un enfant de cinq ans ! »
Groucho Marx.
« Un enfant de cinq ans comprendrait cela ! Allez me chercher un enfant de cinq ans ! »
Groucho Marx.
Re: Temporiser affichage image
Tu refais l'animation en mettant le temps désiréRtg57 a écrit :Bonjour,
ce sont des images en GIF animé.
.
Ma configuration
Si tu es dans l'obscurité, viens sur ce forum pour t'éclairer (proverbe Landais)
" La libertat qu'ei lo camin "
Si tu es dans l'obscurité, viens sur ce forum pour t'éclairer (proverbe Landais)
" La libertat qu'ei lo camin "
Re: Temporiser affichage image
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.
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.
Qui est en ligne ?
Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 2 invités