Fancybox 2.0緩動和動畫

有可能有一些關於如何在fancybox 2.0中使用nextEasing和prevEasing參數的例子嗎？如果我添加了緩動插件1.3，然後使用了像easeInCubic這樣的緩動動畫值，則不會發生任何事情。如何實現新的轉型。Fancybox 2.0緩動和動畫

我還想用這個新的2.0版本，當我從一張圖片滑動到另一張圖片時，調整/調整幀的大小和我以前的版本1.3.4一樣。

$("a.image").fancybox({ 
    arrows : true, 
    loop  : false, 
    openEffect : 'none', 
    closeEffect: 'none', 
    prevEffect : 'fade', 
    nextEffect : 'fade', 
    prevEasing : 'easeInCubic', 
    nextEasing : 'easeInCubic', 
});

來源

2012-05-05 Manny

我試圖用寬鬆的選擇，但我沒有找到文檔讓所有對的fancybox網站的允許值，所有我能找到的：

放寬對每種方法過渡類型。你有很多選擇if包括easing插件
String;默認值：「搖擺」

如果我嘗試使用值「easeInCubic」，我可以在我的瀏覽器的JavaScript控制檯：

Uncaught TypeError: Object #<Object> has no method 'easeInCubic' jquery-latest.min.js:6

不知道，如果它是你的情況也是如此，但你需要確保包括/激活寬鬆插件，這是不花哨的一部分中，加入這個

<!-- Easing plugin --> 
<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js" />

在我的HTML頂部解決的Javascript錯誤。看看this demo顯示每個值。默認值與easeInCubic之間的差異不是很大。

這就是說，對於你想要達到的目標，這個選項似乎並不好，你可以找到一個this demo的例子，這看起來更合適。

來源

2013-07-08 09:11:16

自從我試圖解決這個問題已經有一段時間了。從那時起我完全改變了我使用的javascript插件。無論如何，您的調整大小過渡效果的解決方案看起來不錯！非常感謝！ – Manny

Fancybox 2.0緩動和動畫

回答

相關問題