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 :

Carousel Slick et centrage


Sujet :

JavaScript

  1. #1
    Membre régulier
    Profil pro
    Inscrit en
    Mars 2003
    Messages
    453
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mars 2003
    Messages : 453
    Points : 74
    Points
    74
    Par défaut Carousel Slick et centrage
    Bonjour,

    J'affiche sur ma page web une liste de noms sous la forme d'un carousel en utilisant:
    http://kenwheeler.github.io/slick/

    Le mot sélectionné est surligné d'une couleur.

    Je souhaite avoir le mot sélectionné (courant) au centre et j'utilise donc l'option centerMode: true
    Le problème est que lorsque je clique sur un mot, ma page est rechargée, mon script également mais le mot n'est pas centré...

    Code Jquery:
    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
    24
    25
     
    (function ($) {
    function carousel(){
    		alert("carousel");
    		$('#list-categories-row1').slick({
    			  slidesToShow: 10,
    			  slidesToScroll: 1,
    			  centerMode: true,
    			  responsive: [
    				  {
    					breakpoint: 768,
    					settings: {
    					  centerMode: true,
    					  slidesToShow: 2
    					}
    				  }
    				]
    			});
     
     
    	}
    $(document).ready(function() {
    	carousel();
      });
    })(jQuery);
    Le script carousel est bien rappelé une fois que le mot est cliqué mais c'est le 1er mot qui est tout de même placé au milieu.
    Auriez-vous une idée de comment résoudre ce problème. Faut-il chercher à rajouter une classe à l'élément sélectionné?

    Merci pour votre aide

  2. #2
    Membre régulier
    Profil pro
    Inscrit en
    Mars 2003
    Messages
    453
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mars 2003
    Messages : 453
    Points : 74
    Points
    74
    Par défaut
    La solution que j'ai pu trouver: à chaque rechargement de la page, je mets le mot sélectionné en 1ère position de la liste et comme cela il reste centré...
    Par contre c'est pas terrible avec une liste d'années qui ne sont pas triées par ordre croissant du coup...:-(

Discussions similaires

  1. [Layout] éviter centrage d'un composant
    Par Oliveuh dans le forum Agents de placement/Fenêtres
    Réponses: 6
    Dernier message: 07/01/2005, 10h28
  2. [C#] Problème de centrage de la souris dans un formulaire.
    Par aegypius dans le forum Windows Forms
    Réponses: 2
    Dernier message: 29/10/2004, 12h46
  3. [VB.NET] Centrage text
    Par Emcy dans le forum Windows Forms
    Réponses: 2
    Dernier message: 03/08/2004, 10h24
  4. [débutant][JSplitPane] Centrage des composants
    Par gcore dans le forum Agents de placement/Fenêtres
    Réponses: 4
    Dernier message: 17/06/2004, 20h11
  5. [swing]Centrage du texte d'un JTextArea
    Par Lezoul dans le forum Composants
    Réponses: 3
    Dernier message: 15/06/2004, 16h07

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