使用不同的设置调用numorous对象上的插件

Question

嘿，我一直在研究像fancybox这样的jquery插件，用于全屏显示图像 单击。

我遇到的问题是我希望能够使用不同的元素多次调用插件并为它们提供自己定义的设置。

如下所示，每个id都有自己的淡入淡出时间

- ＆GT; （ “＃ID1”）淡入（200）;

- ＆GT; （ “＃ID2”）淡入（400）;

这样做的方法是什么，因为我希望能够完美地完成这项工作：D

带有imagebox示例的设置元素：

// Two jQuery Calls with different settings.
$('.smallImage img').imageBox({
    'transition' : 'fadeIn',
    'cursor' : 'pointer',
    'gallery' : 'on'
});

$('.bigImage img').imageBox({
    'transition' : 'fadeIn',
    'cursor' : 'pointer',
    'gallery' : 'off'
});

(function( $ ){
    // Grab plugin settings sent from call - took from jquery developers area.
    $.fn.imageBox = function( method ) {  
        if ( methods[method] ) {
          return methods[ method ].apply( this, Array.prototype.slice.call( arguments, 1 ));
        } else if ( typeof method === 'object' || ! method ) {
          return methods.init.apply( this, arguments ); // Sends settings through here.
        } else {
          $.error( 'Method ' +  method + ' does not exist on jQuery.tooltip' );
        }    
    };

    var settings;
    var methods = {
        init : function( options ) { 
            settings = $.extend({
                'transition' : "fadeIn",
                'cursor' : 'pointer',
                'gallery' : 'on'
            }, options);
        }
    }
})( jQuery );

非常感谢Idea，非常感谢。