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

Téléchargez Discussion :

Faire défiler des images horizontalement


Sujet :

Téléchargez

  1. #1
    Expert confirmé
    Avatar de javatwister
    Homme Profil pro
    danseur
    Inscrit en
    Août 2003
    Messages
    3 681
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Calvados (Basse Normandie)

    Informations professionnelles :
    Activité : danseur

    Informations forums :
    Inscription : Août 2003
    Messages : 3 681
    Points : 5 221
    Points
    5 221
    Par défaut Faire défiler des images horizontalement
    Bonjour,

    Je vous propose un nouvel élément à utiliser : Faire defiler des images horizontalement

    Lancement du défilement quand la souris passe sur la zone.

    Plus la souris se rapproche des extrémités, plus la vitesse est rapide.

    Le sens de défilement change quand le curseur arrive à la moitié de l'image.

    Un clic sur la zone désactive / relance le défilement.

    Pour l'exemple, pendant les pauses, les images deviennent des liens actifs vers une popup.





    Qu'en pensez-vous ?

  2. #2
    Candidat au Club
    Femme Profil pro
    Étudiant
    Inscrit en
    Juillet 2012
    Messages
    2
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Localisation : France

    Informations professionnelles :
    Activité : Étudiant
    Secteur : Arts - Culture

    Informations forums :
    Inscription : Juillet 2012
    Messages : 2
    Points : 4
    Points
    4
    Par défaut images?
    Bonjour à tous,
    je n'y comprend pas grand chose au langage html et css, les bases sont là, mais quand je vois ce code ci dessus, je me demande à quoi ressemble les liens des photos et où dois je les placer :s ?! et faut il que je les mettes une à une? Par exemple avec une de mes images qui s'intitule "tlsnb1.jpg" et uen 2ème " tlsnb2.jpg" Car je suis habitué à :< img src="tlsnb1.jpg"> !!
    ( dans l'idée c'est exactement ce que je recherche )
    merci de votre attention ! et belle journée à tous !


    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    //||||||||||||||||||||
    //Création des images|
    //||||||||||||||||||||
    for(i=0;i!=60;i++){
       zero= i<9 ? 0 : "";
       tab[i]=new Image();
       tab[i].src="http:/ /javatwist.imingo.net/sm"+zero+(i+1)+".gif";
       c.appendChild(tab[i]);
    }
    document.body.replaceChild(c,document.getElementById('nul'));

  3. #3
    Nouveau Candidat au Club
    Homme Profil pro
    Consultant informatique
    Inscrit en
    Septembre 2016
    Messages
    1
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 41
    Localisation : Belgique

    Informations professionnelles :
    Activité : Consultant informatique

    Informations forums :
    Inscription : Septembre 2016
    Messages : 1
    Points : 1
    Points
    1
    Par défaut
    Si quelqu'un pouvait apporter ses lumières ça serait sympa.
    Je voudrais utiliser ce script de défilement horizontal des IMG et je calle sur ce morceau de code où on défini quelles sont les images à afficher.
    Je suppose que c'est cette ligne qu'il faut modifier
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
      tab[i].src="http:/ /javatwist.imingo.net/sm"+zero+(i+1)+".gif";
    j'ai un répertoire "IMG" au niveau du point index.html. Comment les appeller dans ce code js ?

    d'avance merci

  4. #4
    Nouveau membre du Club Avatar de Softcadbury
    Homme Profil pro
    Ingénieur développement logiciels
    Inscrit en
    Août 2016
    Messages
    30
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Hauts de Seine (Île de France)

    Informations professionnelles :
    Activité : Ingénieur développement logiciels

    Informations forums :
    Inscription : Août 2016
    Messages : 30
    Points : 35
    Points
    35
    Par défaut
    Hello, je n'ai pas testé mais logiquement tu dois écrire ceci

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    var img = new Image();
    img.src = "./IMG/monimage.png";
    c.appendChild(img);
    Football Peek (accès rapide aux résultats des plus grands championnats de football)

  5. #5
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    16 956
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 16 956
    Points : 44 116
    Points
    44 116
    Par défaut
    j'ai un répertoire "IMG" au niveau du point index.html.
    je mettrais plutôt dans ce cas
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    img.src = "IMG/monimage.png";

Discussions similaires

  1. faire défiler des images horizontalement
    Par djenyqueen dans le forum Android
    Réponses: 2
    Dernier message: 22/06/2016, 15h29
  2. [PHP-JS] Faire défiler des images
    Par mr.Yann dans le forum Langage
    Réponses: 1
    Dernier message: 19/05/2007, 21h26
  3. Faire défiler des images
    Par kabukij dans le forum VB.NET
    Réponses: 1
    Dernier message: 19/03/2007, 15h14
  4. [PHP-JS] Comment faire défiler des images en php ?
    Par innova dans le forum Langage
    Réponses: 4
    Dernier message: 19/11/2006, 12h09

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