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 :

Defilement images JS


Sujet :

JavaScript

  1. #1
    Membre averti
    Profil pro
    Inscrit en
    Octobre 2010
    Messages
    18
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Octobre 2010
    Messages : 18
    Par défaut Defilement images JS
    Salut à tous,

    J'essaye de faire un ptit code qui fait défiler 4 images.

    Ca commence donc à l'image 1, puis 2, 3 et 4

    J'aimerai qu'une fois arrivé à l'image 4, le défilement reparte dans l'autre sens et vice versa. En boucle. soit 1,2,3,4,3,2,1,2,3,4 .... etc

    Voici 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
    img = new Array;
    img[0] = 'image01.jpg';
    img[1] = 'image02.jpg';
    img[2] = 'image03.jpg';
    img[3] = 'image04.jpg';
    num = 0;
     
    function ChangeImage()
    {
        if(document.getElementById)
        {
            document.getElementById("slider").innerHTML ='<img src="'+ img[num] + '"> ';
     
    		num = num+1;
    		console.log(num);
        }
        setTimeout("ChangeImage()", 1000);
    }
     
    window.onload = ChangeImage;
    Quelqu'un aurait une idée de comment m'y prendre ?

    Merci d'avance

  2. #2
    Expert éminent

    Avatar de vermine
    Profil pro
    Inscrit en
    Mars 2008
    Messages
    6 582
    Détails du profil
    Informations personnelles :
    Âge : 40
    Localisation : Belgique

    Informations forums :
    Inscription : Mars 2008
    Messages : 6 582
    Par défaut
    Bonjour,

    Utilisez peut-être un flag ?

    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
     
    //variable globale
    var flag = 0;
     
     
    //... dans la fonction
    if(num == 0)
    {
         flag = 0;
    }
    else if(num == 3)
    {
         flag = 1;
    }
     
    if(flag == 0)
    {
         num = num+1;
    }
    else
    {
         num = num-1;
    }

  3. #3
    Membre averti
    Profil pro
    Inscrit en
    Octobre 2010
    Messages
    18
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Octobre 2010
    Messages : 18
    Par défaut
    Impeccable, merci beaucoup

  4. #4
    Membre averti
    Profil pro
    Inscrit en
    Octobre 2010
    Messages
    18
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Octobre 2010
    Messages : 18
    Par défaut
    Sans vouloir passer pour un assisté, et si je veux les faire défiler verticalement au lieu de les faire apparaitre successivement ?

  5. #5
    Membre éclairé
    Inscrit en
    Novembre 2005
    Messages
    194
    Détails du profil
    Informations forums :
    Inscription : Novembre 2005
    Messages : 194
    Par défaut
    http://flowplayer.org/tools/demos/scrollable/

    => évidemment cela fait utilisé une librairie, mais c'est rapide, c'est beau

  6. #6
    Membre averti
    Profil pro
    Inscrit en
    Octobre 2010
    Messages
    18
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Octobre 2010
    Messages : 18
    Par défaut
    Merci

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. [WD16] defilement images et textes
    Par cdsoft dans le forum WinDev
    Réponses: 0
    Dernier message: 08/01/2014, 15h41
  2. defilement images / preloader
    Par bibapeluwap dans le forum ActionScript 1 & ActionScript 2
    Réponses: 0
    Dernier message: 21/07/2009, 11h32
  3. [Debutant] Aide Defilement images
    Par RomainF dans le forum Intégration
    Réponses: 0
    Dernier message: 01/02/2008, 08h47
  4. defilement images en boucle
    Par gege44 dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 12/11/2007, 15h11
  5. faire defiler une image
    Par ADSL[fx] dans le forum AWT/Swing
    Réponses: 2
    Dernier message: 30/12/2005, 11h52

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