Affichage image aleatoire sur Slider

Version imprimable

Bonjour à tous,

Voila, j'ai un petit script qui me permet d'afficher aléatoirement les images de mon Slide avec lien texte etc...

Le tout fonctionne bien, le seul problème étant qu'il peut y arriver d'avoir deux fois la même image de suite...

Comment remédier à cela ? avec "While" ou "Do While" sauf que ceci ne fonctionne pas avec mon CMS prestashop (sa plante le site, pourtant bien rédiger).

Auriez-vous d'autres astuces ?

Mon code :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<script type="text/javascript">
 
	var nombre_images = 4;
	var nombre_aleatoire = Math.random();
	var numero = Math.round( ( nombre_images - 1 ) * nombre_aleatoire ) + 1;
	images = new Array;
 
			images[1] = "<li class='sliderImage'><a href='http://www.actuor.com/33-02ICE-WATCH'><img src='/modules/editorial/images/2.jpg' alt='Ice Watch - La Vie en couleur' /></a><span class='bottom'><strong>Ice Watch - La Vie en couleur</strong></span></li>";
 
			images[2] = "<li class='sliderImage'><a href='http://www.actuor.com/43_bijoux-ULTIMATE'><img src='/modules/editorial/images/3.jpg' alt='Les Bijoux C&eacuteramique Ultimate d&eacutesormais sur Actu'OR' /></a><span class='bottom'><strong>Les Bijoux C&eacuteramique Ultimate d&eacutesormais sur Actu'OR</strong></span></li>";
 
			images[3] = "<li class='sliderImage'><a href='http://www.actuor.com/21-21THIERRY-MUGLER?p=3'><img src='/modules/editorial/images/1.jpg' alt='Coffret T.Mugler Montre et Collier - 60% de remise !' /></a><span class='bottom'><strong>Coffret T.Mugler Montre et Collier - 60% de remise !</strong></span></li>";
 
			images[4] = "<li class='sliderImage'><a href='http://www.actuor.com/36-07DOLCE-GABBANA'><img src='/modules/editorial/images/4.jpg' alt='Nouvelle Collection Dolce & Gabbana' /></a><span class='bottom'><strong>Nouvelle Collection Dolce & Gabbana</strong></span></li>";
 
 
		document.write(images[numero]); 
		document.write(images[2]); 
		document.write(images[1]); 
		document.write(images[4]); 
</script>

Merci beaucoup pour votre aide !

18/06/2012, 18h21
Watilin

Salut !

Une remarque avant de commencer : il y a de nombreux articles sur Developpez.com qui expliquent en quoi il est dangereux d’utiliser document.write, je te conseille d’en prendre connaissance.

Je trouve ça vraiment très étrange que ton CMS ne soit pas capable de tolérer une simple boucle while. Si ça plante, à mon avis c’est simplement parce que ta boucle ne se termine pas. Vérifie la condition de sortie ;)

Autre chose, est-ce que ton image 4 apparaît des fois ?
19/06/2012, 10h45
dragovich
Bonjour,

Oui le "document.write" , je viens d'en prendre connaissance, je ne suis vraiment pas très bon en Javascript donc voila :), je vais la changer après avoir résolu mon premier soucis.

Donc la boucle "while"et "do while", oui sa plante, j'ai fais le test avec une toute basique :
Code:

1 2 3 4 5 6 7 var i = 1; while(i < 10) { alert(i); i++; }
Par contre la boucle "for" fonctionne, mais pourriez-vous m'aider à la construire par rapport à mon code existant.

Car comme je le disais vraiment pas fort en Javascript, j’apprends mais sa vient doucement :)

Pour ta question, oui la 4 s'affiche, pourquoi ? :)
19/06/2012, 18h04
Watilin

Pour l'histoire du 4, rien en fait, j'ai lu trop vite et j'avais vu un Math.floor à la place du Math.round, car c'est ce que j'ai l'habitude d'utiliser...

Sinon, utilise console.log au lieu de alert et tu ne seras plus obligé de cliquer à chaque fois ;)