如何使这成为我的第一个JQuery插件工作

Question

感谢下面的评论。这是一个更新的问题和代码：

我编写了两位代码，一个加载器和顺序淡入。加载器的工作原理是添加加载类，其中css显示加载spinner.gif。然后删除该类并插入图像。

按顺序排列div中的第二个淡入淡出。

$.fn.myLoader = function() {
    $(this).addClass("loading").queue(function(next) {
        $(this).removeClass("loading");
        $(this).prepend('URL');
        next();
    });
};

$('#logo').myLoader();

和

$('.load').delay(5000).each(function(i) {
    $(this).delay(i * 250).css({
        opacity: 0.0,
        visibility: 'visible'
    }).animate({
        opacity: 1.0
    });
});

以及以下标记：

<div id="logo"></div>
    <div class="load" style="visibility: hidden;"></div>
    <div class="load" style="visibility: hidden;"></div>
    <div class="load" style="visibility: hidden;"></div>
    <div class="load" style="visibility: hidden;"></div>
    <div class="load" style="visibility: hidden;"></div>
    <div class="load" style="visibility: hidden;"></div>

这些单独工作，但我想合并这两个，以便加载器发生，一旦完成，加载顺序图像。

请指出我的错误。

由于