Image Slider muss auf Scroll-Ereignis arbeiten

Question

Ich versuche, vertikale Bild Slider mit Thumbnail-Navigation, die auch auf Mausrad arbeiten können. Ich habe diesen Schieberegler mit dem Plugin "jquery flexslider" erreicht. Jetzt muss ich, dass Bild-Slider sollte funktionieren "scroll" & Navigation funktioniert entsprechend.

Bitte überprüfen Sie das angehängte Bild als erwartetes Ergebnis. Scroll sollte den Slider-Container erkennen und die Bilder verschieben. Sobald alle Bilder fertig sind, sollte die restliche Seite durchgeblättert werden.

Answer 1

Sie können für die wheel Ereignis hören, die Ihnen sagen, wenn das Mausrad oder dem Touchpad Scroll über ein Element verwendet wird. Dann können Sie preventDefault() verwenden, um bedingtes vertikales Scrollen zu verhindern, abhängig davon, ob der Benutzer die Bildergalerie durchblättert. Sie sollten in der Lage sein, den Rest von dort herauszufinden. :)

https://developer.mozilla.org/en-US/docs/Web/Events/wheel