Search Anything in the Site by entering Key Text below

You do not need to pay a single dime to any Consultancy for getting a job. The only effort you have to put is to find out your job yourself by checking the jobs' classifieds regularly.

Register Your Email Id here to receive regular Email Updates on the latest Jobs available in the industry.
-- Or --
Join Knowledge And Information Facebook group to receive latest Job updates.

To advertise in this section please contact here and select type of your support inquiry as "Others"

Helathy Recepes cooked at home...
Odisha Tourism


Login to Reply Posted By.... Manoj Kumar on 2013-08-02 How To Check If An Image Is Loaded or Not Loaded With JQuery Check if image is loaded or not through jQuery Load image from "http://gitarani.com/Images/Gita/Img/homepagebanner7.jpg" Load image from "http://gitarani.com/Images/Gita/Img/notavailable.jpg" ")) location.href="http://www.gitarani.com/classified.htm"; To check if an image is loaded successful or not, you can use jQuery "load()" and "error()" event. $('#image1') .load(function(){ alert('Image is loaded!'); }) .error(function(){ alert('Image is not loaded!'); }); If the image is loaded successful, the load() function is called, otherwise the error() function is called. The complete html code is as follows: <html> <head> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <style type="text/css"> span{ padding:8px; border:1px solid red; color:blue; } </style> </head> <body> <h1>Check if image is loaded or not through jQuery</h1> <p> <img id="image1" src="http://gitarani.com/Images/Gita/Img/homepagebanner7.jpg"/> <p>Load image from "http://gitarani.com/Images/Gita/Img/homepagebanner7.jpg"</p> <span id="result1"></span> </p> <p> <img id="image2" src="http://gitarani.com/Images/Gita/Img/notavailable.jpg"/> <p>Load image from "http://gitarani.com/Images/Gita/Img/notavailable.jpg"</p> <span id="result2"></span> </p> <script type="text/javascript"> $('#image1') .load(function(){ alert("Image found for image1"); $('#result1').text('Image is loaded! for image1'); }) .error(function(){ alert("Image not found for image1"); $('#result1').text('Image is not loaded! for image1'); }); $('#image2') .load(function(){ alert("Image found for image2"); $('#result2').text('Image is loaded! for image2'); }) .error(function(){ alert("Image not found for image2"); $('#result2').text('Image is not loaded! for image2'); }); </script> </body> </html> If you like to show the above post on your web site or blog, you can just copy the below line into the location of your web site or blog where you like to place this post. <iframe id="frame" src="http://www.gitarani.com/thirdPartyInfo.htm?infoId=6766" width="100%" height="745px"></iframe> Increase the visibility of your Ad by sharing this on your Time Line at Facebook/Twitter/G+/LinkedIn. To do so, click the respective social network icon present towards the bottom of the page.

How To Check If An Image Is Loaded or Not Loaded With JQuery

Check if image is loaded or not through jQuery

Load image from "http://gitarani.com/Images/Gita/Img/homepagebanner7.jpg"

Load image from "http://gitarani.com/Images/Gita/Img/notavailable.jpg"

")) location.href="http://www.gitarani.com/classified.htm";

To check if an image is loaded successful or not, you can use jQuery "load()" and "error()" event.

$('#image1')
	.load(function(){
		alert('Image is loaded!');	
	})
	.error(function(){
		alert('Image is not loaded!');
	});

If the image is loaded successful, the load() function is called, otherwise the error() function is called.

The complete html code is as follows:

<html>
<head>
 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
 
 <style type="text/css">
	span{
		padding:8px;
		border:1px solid red;
		color:blue;
	}
</style>
 
</head>
 
<body>
 
<h1>Check if image is loaded or not through jQuery</h1>
<p>
<img id="image1" 
src="http://gitarani.com/Images/Gita/Img/homepagebanner7.jpg"/>
<p>Load image from 
"http://gitarani.com/Images/Gita/Img/homepagebanner7.jpg"</p>
 
<span id="result1"></span>
</p>
 
<p>
<img id="image2" src="http://gitarani.com/Images/Gita/Img/notavailable.jpg"/>
<p>Load image from "http://gitarani.com/Images/Gita/Img/notavailable.jpg"</p>
 
<span id="result2"></span>
</p>
 
<script type="text/javascript">
 
$('#image1')
	.load(function(){
		alert("Image found for image1");
		$('#result1').text('Image is loaded! for image1');	
	})
	.error(function(){
		alert("Image not found for image1");
		$('#result1').text('Image is not loaded! for image1');
	});
 
$('#image2')
	.load(function(){
		alert("Image found for image2");
		$('#result2').text('Image is loaded! for image2');	
	})
	.error(function(){
		alert("Image not found for image2");
		$('#result2').text('Image is not loaded! for image2');
	});
</script>
 
</body>
</html>

If you like to show the above post on your web site or blog, you can just copy the below line into the location of your web site or blog where you like to place this post.

<iframe id="frame" src="http://www.gitarani.com/thirdPartyInfo.htm?infoId=6766" width="100%" height="745px"></iframe>

Increase the visibility of your Ad by sharing this on your Time Line at Facebook/Twitter/G+/LinkedIn. To do so, click the respective social network icon present towards the bottom of the page.

How To Check If An Image Is Loaded or Not Loaded With JQuery

Check if image is loaded or not through jQuery

Guide to browse Latest Jobs In India

Facebook page View with Updates

Software

Classifieds

Odisha Tour

Online Traffic