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

Question

我有一个像这样的 flexslider 缩略图；

我希望当用户将鼠标悬停在缩略图上时幻灯片发生变化。我该怎么做？

这是我用来创建 slider 的 jquery 代码:

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

谢谢

Answer 1

您可以使用 JQuery 在悬停事件处理程序中调用缩略图 img 标签的点击事件，如下所示:

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

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

Working Sample On Fiddle

希望对您有所帮助。