jQuery的：问题写一个函数

Question

我有这个功能是从的fancybox ...

jQuery的

(function ($, F) { 
    F.transitions.resizeIn = function() { 
     var previous = F.previous, 
      current = F.current, 
      startPos = previous.wrap.stop(true).position(), 
      endPos = $.extend({opacity : 1}, current.pos); 

    startPos.width = previous.wrap.width(); 
    startPos.height = previous.wrap.height(); 

    previous.wrap.stop(true).trigger('onReset').remove(); 

    delete endPos.position; 

    current.inner.hide(); 

    current.wrap.css(startPos).animate(endPos, { 
     duration : current.nextSpeed, 
     easing : current.nextEasing, 
     step  : F.transitions.step, 
     complete : function() { 
      F._afterZoomIn(); 

      current.inner.fadeIn("fast"); 
     } 
    }); 
}; 

，我想从简单的链接调用它。例如像这样：

HTML

<a class="myFunction" href="#gallery">Click here</a> 

有没有人有一个线索如何做到这一点？

我知道它不应该那么困难，但是我的jQuery/Javascript知识非常有限。

编辑：

这个功能目前从这个链接叫：

HTML

<a href="javascript:;">Click here</a> 

，我需要摆脱href="javascript:;"事情。

Answer 1

这是开箱即用的。只要阅读文档：从网站的fancybox采取http://fancybox.net/howto

例子：

$(document).ready(function() { 

/* This is basic - uses default settings */ 

    $("a#single_image").fancybox(); 

/* Using custom settings */ 

    $("a#inline").fancybox({ 
     'hideOnContentClick': true 
    }); 

/* Apply fancybox to multiple items */ 

    $("a.myFunction").fancybox({ 
     'transitionIn' : 'elastic', 
     'transitionOut' : 'elastic', 
     'speedIn'  : 600, 
     'speedOut'  : 200, 
     'overlayShow' : false 
    }); 

});