[AJAX] Image et lien

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:

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+