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在縮略圖中懸停圖像

回答

相關問題