【jQuery】Blinker

refer to: http://goo.gl/JhBpl

HTML

<div id="blinker0">Smooth Blink</div>

<div class="profile" id="blinker1"></div>
<div class="profile" id="blinker2"></div>
<div class="profile" id="blinker3"></div>
<div class="profile" id="blinker4"></div>
<div class="profile" id="blinker5"></div>

JavaScript

//Smooth Blink when all images are loaded
function smBlink(){
    for(i=0;i<10;i++) {
        $("#blinker0,#blinker1, #blinker2, #blinker3, #blinker4, #blinker5")
        .fadeTo('normal', 0.3)
        .fadeTo('normal', 1.0);
    }
}

$('<img />')
.attr('src', 'http://placekitten.com/160/160')
.load(function(){
    $('#blinker1').append( $(this) );
    smBlink();
});