Как настроить навигацию вверх/вниз в jquery/flexslider?

Question

У меня есть сайт WordPress, используя расширение Woocommerce и WooTheme, плагин Product Gallery. Этот плагин использует flexslider, который основан на jquery. На основе приведенного ниже кода я добавил «mousewheel: true» в конце, который включал использование колеса мыши для перемещения изображений продукта. Проблема в том, прокручиваю ли я вверх или вниз, она только циклирует образы назад. Итак, если вначале отображаются 3 изображения и изображение1, независимо от того, прокручиваю ли я вверх или вниз, он перейдет к image3, затем image2, а затем обратно к image1. Как настроить это, чтобы он знал, когда прокручивается im (предыдущее изображение) и прокручивается вниз (следующее изображение)?

<script> 
    jQuery(window).load(function() { 
     jQuery('.product-gallery').flexslider({ 
      pauseOnHover: true, 
      directionNav: false, 
      <?php if (get_option('woocommerce_product_gallery_slider_effect') == 'slide') { 
       echo 'smoothHeight: true,'; 
      } ?> 
      <?php if (get_option('woocommerce_product_gallery_slider_navigation_style') == 'thumbnails') { 
       echo 'controlNav: "thumbnails",'; 
      } ?> 
      slideshow: <?php if (get_option('woocommerce_product_gallery_slider_slideshow') == 'yes') { echo 'true'; } else { echo 'false'; } ?>, 
      animation: "<?php echo get_option('woocommerce_product_gallery_slider_effect'); ?>", 
      direction: "<?php echo get_option('woocommerce_product_gallery_slider_direction'); ?>", 
      slideshowSpeed: "<?php echo floatval(get_option('woocommerce_product_gallery_slider_slideshowspeed')) * 1000; ?>", 
      animationSpeed: "<?php echo floatval(get_option('woocommerce_product_gallery_slider_animationspeed')) * 1000; ?>", 
      mousewheel: true 
     }); 
    }); 
</script> 

Answer 1

Я понял. Используется плагин jQuery mousewheel, созданный здесь: https://github.com/jquery/jquery-mousewheel

Просто добавлен файл jquery min.