Bonjour, comment puis-je obtenir la diapositive actuelle non lorsque je clique sur le bouton suivant et précédent dans GLide.js http: / /glide.jedrzejchalubek.com/docs.html#intro.

var carousel = $('#Carousel').glide({
                type: 'carousel',
                startAt: 1,
                touchDistance: 2,
          afterInit:function(){console.log("paintSlider")},
          autoplay: 0
              });
console.log(carousel.current());
3
Amila Iddamalgoda 7 mars 2016 à 09:32

5 réponses

Meilleure réponse

Pour une raison quelconque, la fonction carousel.current() ne fonctionne pas.

Vous pouvez utiliser le rappel et les événements du code à la place. Exemple:

var carousel = $('#Carousel').glide({
            type: 'carousel',
            ...
            afterTransition : function(event) {
                console.log(event.index); // the current slide number
            } 
        });

De plus, carousel.index() fonctionne aussi!

2
khakiout 7 mars 2016 à 07:02
 const glide = new Glide('.glide');

  glide.on(['mount.after', 'run'], () => {
    const currentIndex = glide.index;
    console.log(currentIndex)
   });

  glide.mount();
1
Gilbert lucas 3 janv. 2020 à 03:35

Ça marche pour moi:

jQuery(document).ready(function(){

    var glide = jQuery('.slider').glide({
        afterTransition : function() {
            console.log(glide.current());
        } 
    }).data('api_glide'); // data('api_glide') to get opportunity to use glide.current()

});
0
Nikolay Yenbakhtov 7 sept. 2016 à 12:21
const glide = new Glide('.glide');

glide.on("run", () => {
   console.log(slider.index);
});
0
Ali Klein 4 sept. 2019 à 19:55

Je ne sais pas pourquoi, mais la documentation sur l'accès à l'API est manquante. Je vais arranger ça.

Vous devez accéder à l'api via .data('glide_api'), avant de faire des appels api.

var carousel = $('#Carousel').glide({
      type: 'carousel',
      startAt: 1,
      touchDistance: 2,
      afterInit:function(){console.log("paintSlider")},
      autoplay: 0
}).data('glide_api');

console.log(carousel.current());

Merci d'utiliser le plugin!

1
Jędrzej Chałubek 13 avril 2016 à 08:08