Favicon auto

by itzmeamar

HTML

<ul data-function="bookmark">
    <li><a href="https://www.facebook.com/">facebook.com</a></li>
    <li><a href="http://jsfiddle.net">jsfiddle.net</a></li>
    <li><a href="http://google.com">google.com</a></li>
    <li><a href="http://www.labanquepostale.fr">labanquepostale.fr</a></li>
    <li><a href="http://www.programme-tv.net/">programme-tv.net</a></li>
    <li><a href="http://www.deezer.com/">deezer.com</a></li>
    <li><a href="http://commander.1and1.fr/">commander.1and1.fr</a></li>
</ul>

JavaScript

$(document).ready(function() {
    $('[data-function="bookmark"]').favicon();
});

$.fn.favicon = function() {
    var el = $(this),
        els = el.find('a');

    els.each(function() {
        var favicon = $(this).attr('href');
        favicon += '/favicon.ico';
        $(this).css({
            'padding-left': '20px',
            'background': 'url(' + favicon + ') no-repeat 0 50%'
        });
    });
};