fotorama在缩略图中悬停图像

我为我的网站使用jquery gallery fotorama（http://fotorama.io），我尝试使用鼠标悬停在缩略图上实现图像更改，如http://www.homeaway.co.uk/p3530150#photos图库。fotorama在缩略图中悬停图像

我阅读API文档并搜索任何解决方案，但我没有想法。

感谢您的帮助

来源

2014-02-13 JonathanH

请给我们您迄今为止尝试过。 –

实际上，如果我理解正确，您希望在负载上具有较低的不透明度，并且在悬停时具有较高的透明度？通过简单的CSS解决它... – sinisake

@nevermind不，当我将鼠标光标放在缩略图上时，图库的图像会发生变化。请参阅以下网址： http://www.homeaway.co.uk/p3530150#photos 感谢 – JonathanH

试试这个：

$(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

来源

2014-03-29 03:26:50 Art

谢谢，muchas gracias – JonathanH

fotorama在缩略图中悬停图像

回答

相关问题