When using the function to switch images as shown below, I want to check if the image is already in the cache to prevent showing the css .loading class. The .complete() object just made a lot of trouble but I couldn't use it probably. 

The switchImage Function is fired when pressing a thumbnail or a prev/next button. Is their any solution to check whether the image/url I want to load is already in the cache?

2. switchImage = function(){
3. var currentPath = $active.attr("href");
4. 
   
5. $('#largeImg').fadeOut('fast',loadContent);
6.  
7. $(".thumbs a").removeClass('active');
8. $active.addClass('active');
9. 
   
10. function loadContent() {
11. $('.loading').fadeIn('fast');
13. $("#largeImg").attr( "src", currentPath).load(function(){
14. $('.loading').fadeOut('fast');
15. $('#largeImg').fadeIn('normal');
16. });
17. }
18. };