11548 sujets

JavaScript, DOM et API Web HTML5

[résolu] Affichage d'images dans un même cadre

Bonjour à tous,
Quelqu'un peut-il me dire si on peut faire apparaitre de manière aléatoire une série d'images dans un même cadre comme un diaporama. Dois-je utiliser du Javascript ou Fireworks (je ne connais ni l'un ni l'autre) ou autres méthodes? Est-il possible de le faire à partie de Dream, comme s'il s'agissait d'un image de survol sans faire intervenir la souris, il faudrait que ça soit automatique dès la page chargée. Après plusieurs messages dans divers forums, je n'ai pas eu beaucoup d'aide sur la réalisation mis à part le conseil d'utiliser du code Javasript. J'ai essayé mais sans résultat : il apparaît des cadres mais pas d'images. Existe-t-il un code javascript déjà prêt pour ce genre d'animation en images.
Merci de m'aider je suis perdue et c'est important pour moi de trouver. Smiley bawling Smiley smile Smiley decu
Modifié par erge (30 Nov 2005 - 14:20)
Merci QuentinC,
Oui j'ai enfin trouvé un script qui convient parfaitement pour un diaporama.Mais j'aurais voulu trouver le moyen d'en faire plusieurs sur une même page. Par ex. dans 2 tableaux à 2 colonnes, l'un au-dessus de la page l'autre en-dessous mais tous 2 dans la partie principale de ma page.
Merci
Bonjour à tous les 2 !

Est-ce que je peux savoir ce que erge a trouvé, ça m'interesse et j'ai le même problème pour mon site !
Modifié par Mucsy (25 Nov 2005 - 14:33)
Mucsy a écrit :
Bonjour à tous les 2 !

Est-ce que je peux savoir ce que erge a trouvé, ça m'interesse et j'ai le même problème pour mon site !


Bonjour Mucsy,
voici le code pour une diaporama, pour plusieurs diapo il faut dupliquer :
<head>
<script type="text/javascript"> 
imgdiapo1=new Array("images/un.jpg","images/deux.jpg","images/trois.jpg","images/quatre.jpg","images/cinq.jpg");
timing=1000; 
nomimg1="diapo1"; 

i1=0; 
aiguille=0; 

function diapoauto() 
{ 
if(aiguille==0) 
 { 
 document.images[nomimg1].src=imgdiapo1[i1]; 
 setTimeout("diapoauto()",timing); 
 i1++; 
 if(i1==imgdiapo1.length) 
 { i1=0; } 
 aiguille=1; 
 } 
} 
</script> 
</head>
<Body>
 <img src="images/base.png" alt="diaporama automatique" name="diapo1" width="200" height="150" id="diapo1" />
</body>


Aussi j'aimerais connaitre le pour annoncer que mon problème est résolu.
Salut à tous et merci
Sujet clos
Aller à