Bonjour,

Voila je rencontre un petit problème avec mon code.

Ce que je fais

J'essaie de réaliser un carousel pour montrer des projets, typiquement je souhaiterais le même principe qu'ici c'est à dire un scroll avec le mousewheel, un control sur le speed et un scroll précédent/suivant pour cela j'ai utilisé la librairie OWL carousel qui me paraissait simple d'utilisation.

$(document).ready(function(){
  var owl = $('.owl-carousel');
  owl.owlCarousel({
        items: 5,
        center: true,
        loop:false,
        }
    });
  owl.on('mousewheel', '.owl-stage', function (e) {
        if (e.deltaX>0) {
            owl.trigger('next.owl',  [2000]);
        } else {
            owl.trigger('prev.owl',  [2000]);
        }
        e.preventDefault();
    });

});

Ce que j'obtiens

Actuellement je ne peux pas avoir le scroll mousewheel prev/nex il scroll uniquement en prev. Et je n'ai aucun control de la speed malgrès les [2000].

merci pour votre aide ;)

2 réponses


tu a chargé une version de jquery compatible avec owl carousel ou pas? tu utilise la version 1 ou 2?

Muxabble
Auteur

Salut @Defy, j'ai chargé jQuery 2