Javascript fotorama在缩略图中悬停时更改图像

我在我的网站上使用jquery gallery fotorama（），我尝试用鼠标悬停在缩略图上实现图像的更改，就像这个图库一样

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

谢谢你的帮助

JH

试试这个：

$(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)
  });
});

试试这个：

$(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)
  });
});

---

请告诉我们您到目前为止所做的尝试。事实上，如果我理解正确，您希望在加载时降低不透明度，在悬停时提高透明度？通过简单的css解决它…@没关系，当我把鼠标光标放在缩略图上时，图库的图像会改变。请查看此URL：thanks@user3304983，抱歉，我看不到悬停在此处的图像更改。我正在使用firefox（图像在chrome中也没有改变）…附言。找到其他脚本，fotorama中的事件更改可能会非常棘手…嗨@nevermind请转到标题“特价！！！现代2居室宽敞的APT 4M WALK ANGEL TUBE CENTRAL LONDON”，并查看顶部的galery，该galery更改带有悬停的拇指。如何使用fotorama实现这一点，在本页中，galery是使用jcarousel（jquery插件）实现的，感谢您的帮助。请告诉我们您到目前为止所做的尝试。事实上，如果我理解正确，您希望在加载时降低不透明度，在悬停时提高透明度？通过简单的css解决它…@没关系，当我把鼠标光标放在缩略图上时，图库的图像会改变。请查看此URL：thanks@user3304983，抱歉，我看不到悬停在此处的图像更改。我正在使用firefox（图像在chrome中也没有改变）…附言。找到其他脚本，fotorama中的事件更改可能会非常棘手…嗨@nevermind请转到标题“特价！！！现代2居室宽敞的APT 4M WALK ANGEL TUBE CENTRAL LONDON”，并查看顶部的galery，该galery更改带有悬停的拇指。如何使用fotorama实现这一点，在本页中，galery是使用jcarousel（jquery插件）实现的，提前感谢