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 
    }); 

});