LOAD FAVICO FROM SITE - VERIFY URL SUCCESS or FAILURE

by bizamajig

HTML

<a href="http://flickr.com/favicon.ico">
    <img class="favicon" src="http://flickr.com/favicon.ico" alt="Flickr"/>
</a>

JavaScript

$(document).ready(function() {

    var callbackOnSuccess = function(src) {
        alert("Successfully loaded " + src);
        return false;
    };
    var callbackOnFailure = function(src) {

        alert("Failed loading " + src);

        // Here you can do whatever you want with your flickr images. Lets change the src and alt tags
        $(".favicon").attr("src", "flickr_is_blocked.gif");
        $(".favicon").attr("alt", "Flicker is blocked");
        // Lets change the parents href to #
        $(".favicon").parent().removeAttr("href");
        return false;
    };

    checkAvailability("http://flickr.com/favicon.ico", callbackOnSuccess, callbackOnFailure);


});

function checkAvailability(src, callbackSuccess, callbackFailure) {
    $("<img/>").attr("src", src).load(function() {
        callbackSuccess(src);
    }).error(function() {
        callbackFailure(src);
    });
}