jquery - フェード トランジション ギャラリー

Question

この新しいサンプル ページでは、イメージ ギャラリーに上からの移動トランジションがあります。画像間に単純なフェード効果を持たせたいのですが、コードのどこを何を変更すればよいかわかりません。誰でも助けることができますか？

ありがとう

Answer 1

元の fancybox js ファイルをいじることはお勧めしません。独自のカスタム fancybox スクリプトをいつでも使用して、デフォルト設定をオーバーライドできます。

fadeギャラリー要素間を遷移させたい効果については、次を使用できます。

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

Answer 2

jquery.facybox.jsを次のように変更できます

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

または、initに引数を渡します

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

Answer 3

ここをチェックしてください：http://fancybox.net/api必要な行は次のとおりだと思います：

transitionIn, transitionOut 'fade' トランジション タイプ。「elastic」、「fade」、または「none」に設定できます