Javascript vérifier l'existence de l'image

J'essaie de montrer soit la carte google, soit l'image. Alors, ce que je veux, c'est que, par défaut, je veux montrer l'image, si l'image n'existe pas, affiche Google Map. Pour ce faire, par défaut, je désactive Google maps avec #map_canvas {display:none;} . Ensuite, j'ai besoin de quelque chose comme des conditions booléennes qui vérifient l'existence de l'image puis, renvoie vrai ou faux, s'il est faux, affiche les cartes, en changeant l'affichage = "bloc" ;. Mais, je ne fais pas ça exactement, pouvez-vous m'aider?

Soit dit en passant, deux codes fonctionnent séparément.

Pour afficher #map_canvas si l'image ne se charge pas dans l'utilisation de #worldMap

 var img = document.getElementById("worldMap"); img.src = "http://www.freeworldmaps.net/download/maps/political-world-map-big.gif"; img.onerror = function( ) { img.style.display = "none"; document.getElementById("map_canvas").style.display = "block"; }​​​​​​​​​​​​​​​​​ 

Vous devez évidemment ne pas spécifier l'attribut src dans votre étiquette img, mais définissez-le comme ci-dessus lorsque la page est chargée.

Fiddle ici