使flexslider更改幻灯片悬停在缩略图上

Question

我有一个像这样的弹性滑板机;

当用户将鼠标悬停在缩略图上时，我希望幻灯片更改。我该怎么做？

这是我用来创建滑块的jquery代码：

$(window).load(function() {
    $('.flexslider').flexslider({
        animation: "slide",
        controlNav: "thumbnails",
        start: function (){
        }
    });
});

由于

Answer 1

您可以使用JQuery在hover事件处理程序中调用缩略图img标记的click事件，如下所示：

$(window).load(function() {
  $('.flexslider').flexslider({
    animation: "slide",
    controlNav: "thumbnails",
    start: function (){
    }
  });

  $(".flex-control-thumbs li img").hover(function(){
    $(this).click();
  });
});

Working Sample On Fiddle

希望有所帮助。