[AJAX] Image et lien

**bobostudio** · 02/01/2007, 10h39

Bonjour,

Je souhaite faire une petite programmation en AJAX... Je m'explique j'ai plusieurs images que je souhaite faire tourner comme un diaporama, sans recharger ma page à chaque fois. Sur les images j'ai des boutons qui emmeneront vers la même page à chaque fois. comment je peux faire...???

Merci

**OButterlin** · 02/01/2007, 11h07

Si le nombre d'images n'est pas trop grand (et connu d'avance), tu peux utiliser un tableau d'images, sinon, effectivement tu peux utiliser ajax pour récupérer l'url de la prochaine image à afficher.

Au niveau de ta page html, ça pourrait ressembler à ceci (cas sans ajax) :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<script type="text/javascript">
var liste = new Array();
liste[liste.length] = new Image();
liste[liste.length] = new Image();
liste[liste.length] = new Image();
liste[liste.length] = new Image();
 
liste[0].src = "./chemin/image1.gif";
liste[1].src = "./chemin/image2.gif";
liste[2].src = "./chemin/image3.gif";
liste[3].src = "./chemin/image4.gif";
 
var currentIndex = 0;
 
function loadImage()
{
    document.getElementById("image").src = liste[currentIndex].src;
    currentIndex++;
    if ( currentIndex > liste.length-1 ) currentIndex = 0;
}
 
</script>
</HEAD>
 
<BODY onload="setInterval('loadImage()', 3000)">
 
Les images apparaissent sous ce texte<br>
<div>
<img id="image" src="1p.gif">
</div>
 
</BODY>
</HTML>

En espérant que ça t'aidera...

A+

[AJAX] Image et lien

JavaScript

Discussions similaires

Partager

Partager