Bonjour,

Je voudrai afficher toutes les images declarees dans ma variable dans un ul.
Mon HTML:
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
<ul id="thumbs"></ul>


Mon JS:
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
var sliderContent = {
    "slides" : [
        {"nom_slide": "SL #0", "thumbnail": "images/0_thumb.jpg", "image": "images/0.jpg"},
        {"nom_slide": "SL #1", "thumbnail": "images/1_thumb.jpg", "image": "images/1.jpg"},
        {"nom_slide": "SL #2", "thumbnail": "images/2_thumb.jpg", "image": "images/2.jpg"},
        {"nom_slide": "SL #3", "thumbnail": "images/3_thumb.jpg", "image": "images/3.jpg"},
        {"nom_slide": "SL #4", "thumbnail": "images/4_thumb.jpg", "image": "images/4.jpg"},
        {"nom_slide": "SL #5", "thumbnail": "images/5_thumb.jpg", "image": "images/5.jpg"},
        {"nom_slide": "SL #6", "thumbnail": "images/6_thumb.jpg", "image": "images/6.jpg"}
    ]
};
 
var totalSlides = sliderContent.slides.length; // number of slides		
 
function displayAllThumbs() {
    for( i=0 ; i < totalSlides; i++) {\
            listThumbs = '<li><a href=""><img src="' + sliderContent.slides[i].thumbnail + '" alt="' + sliderContent.slides[i].nom_slide + '" title="' + sliderContent.slides[i].nom_slide + '" /></a></li>';
            thumbs.innerHTML = listThumbs;
    }
}
Malheureusement ce code ne m'affiche que la dernière image.
Est-ce que quelqu'un pourrait m'aider?

Merci.