IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

Affichage image aleatoire sur Slider


Sujet :

JavaScript

  1. #1
    Nouveau candidat au Club
    Profil pro
    Inscrit en
    Juin 2012
    Messages
    2
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2012
    Messages : 2
    Par défaut Affichage image aleatoire sur Slider
    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 : 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
    <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 !

  2. #2
    Expert confirmé
    Avatar de Watilin
    Homme Profil pro
    En recherche d'emploi
    Inscrit en
    Juin 2010
    Messages
    3 094
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 36
    Localisation : France, Ille et Vilaine (Bretagne)

    Informations professionnelles :
    Activité : En recherche d'emploi

    Informations forums :
    Inscription : Juin 2010
    Messages : 3 094
    Par défaut
    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 ?
    La FAQ JavaScript – Les cours JavaScript
    Touche F12 = la console → l’outil indispensable pour développer en JavaScript !

  3. #3
    Nouveau candidat au Club
    Profil pro
    Inscrit en
    Juin 2012
    Messages
    2
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2012
    Messages : 2
    Par défaut
    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 : Sélectionner tout - Visualiser dans une fenêtre à part
    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 ?

  4. #4
    Expert confirmé
    Avatar de Watilin
    Homme Profil pro
    En recherche d'emploi
    Inscrit en
    Juin 2010
    Messages
    3 094
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 36
    Localisation : France, Ille et Vilaine (Bretagne)

    Informations professionnelles :
    Activité : En recherche d'emploi

    Informations forums :
    Inscription : Juin 2010
    Messages : 3 094
    Par défaut
    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
    La FAQ JavaScript – Les cours JavaScript
    Touche F12 = la console → l’outil indispensable pour développer en JavaScript !

Discussions similaires

  1. [XL-2003] Affichage image stockée sur une autre feuille
    Par pascalcom dans le forum Excel
    Réponses: 1
    Dernier message: 01/12/2012, 21h00
  2. affichage images transparentes sur IE 6
    Par kadiato dans le forum Général JavaScript
    Réponses: 0
    Dernier message: 30/01/2009, 16h06
  3. Image Gallery V1.0 => affichage images impossibles sur le web
    Par swallow dans le forum Intégration
    Réponses: 0
    Dernier message: 02/08/2008, 17h16
  4. Problème affichage image stockée sur disque avec oracle XE
    Par thriller86 dans le forum Débuter
    Réponses: 6
    Dernier message: 13/06/2008, 13h29
  5. Réponses: 2
    Dernier message: 04/02/2007, 16h16

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo