的fancybox，自开放过渡

Question

有谁知道你是怎么打开的fancybox使用自定义开放的过渡：

http://fancyapps.com/fancybox/

即时通讯寻求实现类似转变的例子在这里找到：

http://www.zurb.com/playground/reveal-modal-plugin

我喜欢揭示插件，但它没有得到我需要fancyBox为新项目做的一些功能

非常感谢，

山姆

Answer 1

的fancybox可以有相同的开放效果的样品中你提供了但不是相同的收盘效果。

要达到同样的效果开盘，试试这个选项：

openMethod : 'changeIn' 

保持画廊之间的过渡期间相同的效果，试试这个选项：

nextMethod: 'changeIn' 

。

Answer 2

那么我的建议是，除非你知道如何从自己的jQuery代码之一，那么你最好的选择是保持环视净，直到你能解决的东西。

如果您正在研究可能重新制作或扩展其中一个插件，那么阅读一本好书是JQuery：新手忍者，在亚马逊上检查它。那里有很多好的提示和技巧。

http://www.amazon.co.uk/jQuery-Novice-Ninja-Earle-Castledine/dp/0980576857/ref=sr_1_1?ie=UTF8&qid=1322832342&sr=8-1

但是总的来说，你不想重新发明轮子。 因此，继承人几个链接，JQuery的灯箱插件

http://www.designyourway.net/blog/resources/30-efficient-jquery-lightbox-plugins/ http://webdesign14.com/30-best-jquery-lightbox-plugins/

Answer 3

添加自定义的转换 -

(function ($, F) { 
    F.transitions.dropIn = function() { 
     var endPos = F._getPosition(true); 

     endPos.top = (parseInt(endPos.top, 10) - 200) + 'px'; 

     F.wrap.css(endPos).show().animate({ 
      top: '+=200px' 
     }, { 
      duration: F.current.openSpeed, 
      complete: F._afterZoomIn 
     }); 
    }; 

    F.transitions.dropOut = function() { 
     F.wrap.removeClass('fancybox-opened').animate({ 
      top: '-=200px' 
     }, { 
      duration: F.current.closeSpeed, 
      complete: F._afterZoomOut 
     }); 
    }; 

}(jQuery, jQuery.fancybox)); 

使用他们喜欢的 -

$(".fancybox").fancybox({ 
    openMethod : 'dropIn', 
    openSpeed : 250, 

    closeMethod : 'dropOut', 
    closeSpeed : 100 
}); 

而且哇拉 - 同样的效果！

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。

最新问题

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.

 相关问题

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.