jQuery plugin for managing other plugins

by tonytlwu

HTML

<div class="slider">
    <div class="slider-data" data-repeat="1" data-len="2">
        Porta
    </div>
</div>
<div class="slider">
    <div class="slider-data" data-repeat="3" data-len="1">
        Fringilla
    </div>
</div>
<div class="slider">
    <div class="slider-data" data-repeat="2" data-len="2">
        Dapibus
    </div>
</div>
<div class="slider">
    <div class="slider-data" data-repeat="4" data-len="3">
        Fusce
    </div>
</div>
<div class="slider">
    <div class="slider-data" data-repeat="1" data-len="3">
        Ipsum
    </div>
</div>
<pre id="debug">
</pre>

JavaScript

$.fn.sliderPlugin = function(arg){
    var repeat = arg.repeat;
    
    return $(this).each(function(i){
        if (i === 0) {
            $('#debug').append(i);
            for (var j = 0; j < repeat; j++) {
                var text = $(this).text();
                $('#debug').append(text);
            }
        }
    });
};

$.fn.setupSlider = function() {
    return $(this).each(function(i){
        var repeat = parseInt( $(this).find('.slider-data').attr('data-repeat'), 10 );
        $(this).sliderPlugin({
            repeat : repeat
        });
        $(this).fadeTo(400*i,0.3);
    });
};

$('.slider').setupSlider();