I found a nice script that uses jQuery to insert the favicon of an external page after any external link. My code looks like this:
The original script was found here: http://blog.liviuholhos.com/javascript/add-a-favicon-near-external-links-with-jqueryCode:$('a[href^="http://"]').filter(function(){ return this.hostname && this.hostname !== location.hostname; }).each(function(){ var faviconURL = $(this).attr('href').replace(/^(http:\/\/[^\/]+).*$/, '$1') +'/favicon.ico'; var faviconIMG = $('<img class="favicon">').insertAfter(this); var extImg = new Image(); extImg.src = faviconURL; if (extImg.complete) faviconIMG.attr('src', faviconURL); else extImg.onload = function(){ faviconIMG.attr('src', faviconURL); }; });
What I am trying to do now is to get the title of the external page and use it as the alt attribute for each favicon image. Can someone please help me?
Also, can someone explain what the if else statement does?
Thanks!



Reply With Quote

Bookmarks