Thursday 5 January 2012

Automatically Replace, Fix Broken Missing Im

This tutorial will help you to automatically replace and fix broken images on web pages which failed to load due to a missing, invalid source url or busy server. This is a simple jQuery tutorial, We previously mentioned a jquery tutorial to create youtube instant search.
Once I faced a situation where my blog hosting account faced some hardware issue leading to all my site data and images getting deleted. Luckily, I had my wordpress database backed up when helped me get my blog up again. But all the posts were missing images. They were broken images which I thought couldn’t be fixed.
Tip : Reload Images, CSS in Web Pages without Refreshing

Replace Broken, 404, Missing Images Automatically

But here is an useful solution with jQuery which automatically replaces broken images with any preset image. It involves calling a simple jQuery function which is called when an image fails to load inside the webpage.
To implement the function, simple add the following code to your webpage before the </head> tag.
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script>
$(document).ready(function() {
 $('img').error(function(){
  $(this).attr('src', 'missing.jpg');
    });
});
</script>
Replace missing.jpg with the url of the alternate image you want to load incase if there is a broken image on a page on a post. Here is the demo.
This is same with Blogger and WordPress, simply add the code to your template anywhere inside the </body> tag and it works fine.
Posted: 18 Oct 2010 09:54 AM PDT


Firefox Plugin to Translate Status Updates, Comments on Facebook So you got friends around the world, and stay in contact via Facebook? But they won’t update their statuses in English ? Now you can translate status updates and comments on Facebook with a single click.
Tip : Embed Youtube Videos in a Facebook Page Tab

Facebook Translate (Install) – Firefox Plugin to Translate Status Updates, Comments on Facebook

Translate Status Updates, Comments on Facebook
This add-on let’s you translate status updates and comments on Facebook with a single click.
To Select Language : Tools > Add-Ons > Facebook Translate > Preferences
It uses the Google Translation API. This is a wonderful add on! I have some friends on facebook who speak different languages, and this add on works all the time, every time. It is one of the best tools I have ever added to Firefox.
Posted: 17 Oct 2010 11:57 PM PDT


Didn’t know this feature existed. But Google launched this awesome feature which shows a custom birthday logo doodle on your birthday. When you click on the logo it directly takes you to your Google Profile page.
Google Shows Custom Birthday Logo Doodle On Your Birthdays(credits)
Random Tip : Create That Awesome Google Bouncing Ball Logo Doodle
A Birthday Surprise (via) : Because doodles are such a fun part of the search experience, we thought we’d share a fun little way Google will help celebrate your birthday. When you include your date of birth on your Google profile, you may notice a special treat on the Google homepage on your birthday (be sure to sign in). Click on the doodle for another birthday surprise!
Google Shows Custom Birthday Logo Doodle On Your Birthdays
To see this feature in action change your birthday to today’s date, go to your profile, click on "Edit profile" and select the "Contact info" tab, look for Birthday. Note: this will affect only your Google profile page and not the Google.com home page. The home page will show custom birthday logo on the date you provided for creating that gmail account etc.

0 comments:

Post a Comment