javascript - 在缩略图中悬停时图像发生变化的 fotorama

Question

我为我的网站使用 jquery gallery fotorama ( http://fotorama.io )，我尝试通过将鼠标悬停在缩略图上来实现图像更改，就像这样 http://www.homeaway.co.uk/p3530150#photos图库。

我阅读了 API 文档并搜索了任何解决方案，但我不知道。

谢谢你的帮助

JH

Answer 1

试试这个:

$(document).on('mouseover', '.fotorama__nav__frame', function () {
  var $fotoramaDiv = $(this).parents('.fotorama'),
      fotoramaApi = $fotoramaDiv.data('fotorama');
  fotoramaApi.show({
    index: $('.fotorama__nav__frame', $fotoramaDiv).index(this)
  });
});

Fiddle