Affichage d'image pendant un certain temps

**Java Ou Javapas** · 26/04/2017, 14h18

Salut tout le monde, voila je cherche a afficher une image pendant un certain temps puis la remplacer par une autre pendant un autre temps etc...
et j'ai quelque probleme avec le script (je développe ca en java : un bouton va creer un fichier html qui me permet de faire ca)

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
         fw.write("<DOCTYPE html><HTML><HEAD><TITLE>Apercu du Scenario</TITLE> </HEAD><BODY> ");
        for(ElementInit elem : tabElement){
 
            fw.write("<div id=\"img"+i+"\"><img src=\""+elem.cheminFichier+"\"/></div>"
                     +"<script type=\"text/javascript\"> var test =  setTimeout(function(){document.getElementById('img').style.display = \"none\";},"+elem.duree+000+");</script>");
            i++;
        }
        fw.write("</BODY>\n </HTML>");

sachant que elem.cheminFichier est le chemin du fichier et elem.duree la durée d'affichage en secondes (c'est pour ça que j'ai rajouté 000 car la fonction setTimeout est en millisecondes) et la boucle for est une boucle qui parcourt un tableau d'objet "tabElement"
et ça ça m'affiche juste les images a la suite les unes des autres, alors que je souhaiterais en afficher une pendant un certain temps puis la faire disparaitre et faire apparaitre l'autre.

**Kennel sébastien** · 26/04/2017, 14h42

Bonjour Java Ou Javapas,

Ben c'est normal tu fais bien une boucle pour écrire à chaque fois le même code…

C'est ta fonction anonyme de la fonction « setTimeout » qui doit connaître la source de ta nouvelle image.

Où alors si tu veux une boucle il faut cacher par défaut tout les images non active sur le moment et changer la visibilité à chaque temps écoulé.

**Java Ou Javapas** · 26/04/2017, 14h50

Envoyé par Kennel sébastien

Ben c'est normal tu fais bien une boucle pour écrire à chaque fois le même code…

comment ca ? je n'ecris pas le meme code car les variables elem.qqch sont differentes a chaque tout de boucle...

Envoyé par Kennel sébastien

C'est ta fonction anonyme de la fonction « setTimeout » qui doit connaître la source de ta nouvelle image.

je connais tres peu de choses en javascript c'est quoi la fonction anonyme dont tu

Envoyé par Kennel sébastien

Où alors si tu veux une boucle il faut cacher par défaut tout les images non active sur le moment et changer la visibilité à chaque temps écoulé.

comment on cache les images ?
Merci

**Kennel sébastien** · 26/04/2017, 15h15

je connais tres peu de choses en javascript c'est quoi la fonction anonyme dont tu

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

function(){document.getElementById('img').style.display = \"none\";}

comment on cache les images ?

Ben tu l'utilises dans un sens, sauf que tu utilises pas le bon identificateur et au bon endroit…

Tu as écrit :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.getElementById('img').style.display = \"none\";

Or tes div sont identifiés avec des numéros

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<div id=\"img"+i+"\"><img src=\""+elem.cheminFichier+"\"/></div>

**SpaceFrog** · 26/04/2017, 16h56

Après il existe un plugin sympa de jquery => Jquery Cycle
http://jquery.malsup.com/cycle/

Invité · 27/04/2017, 08h49

Bonjour,

un slider d'image uniquement en CSS3

Affichage d'image pendant un certain temps

JavaScript

Vue hybride

Discussions similaires

Partager

Partager