Fade轉換畫廊

Question

在這個新的example page圖庫有一個移動過渡來自上。我希望在圖像之間有一個簡單的淡入淡出效果，但我不知道代碼中要更改的位置和內容。誰能幫忙？

感謝

Answer 1

您可以更改jquery.facybox.js作爲

openEffect: 'fade', // 'elastic', 'fade' or 'none' line no 83 

或者在初始化傳遞參數

$(document).ready(function() { 
$(".fancybox-button").fancybox({ 
    prevEffect  : 'none', 
    nextEffect  : 'none', 
    openEffect:    'fade' , 
    helpers  : { 
     title : { type : 'inside' }, 
     buttons : {} 
    } 
}); 
}); 

Answer 2

入住這裏：http://fancybox.net/api我猜你需要的路線是：

transitionIn，transitionOut                     '淡入'                          的過渡類型。可以設置爲'彈性'，'淡入淡出'或'沒有'

Answer 3

我不會建議弄亂原始fancybox js文件。您始終可以使用自己的自定義fancybox腳本來覆蓋默認設置。

對於你想擁有畫廊元素之間的過渡，你可以使用fade效果：

$(document).ready(function() { 
$(".fancybox-button").fancybox({ 
    openEffect: 'fade', 
    prevEffect: 'fade', 
    nextEffect: 'fade' 
}); 
});