11480 sujets

JavaScript, DOM et API Web HTML5

Bonjour à tous

J'essaye d'automatiser et de centraliser ceci pour ne pas avoir à alourdir mon code avec le onerror dans chaque img :

<img onerror="this.onerror=null; this.src=\'img.png\'" src="img.svg" alt="" />


Je suis très (très) mauvais en js. J'ai imaginé écrire ceci avec prototype, en attribuant à chaque image SVG la classe imgSVG :


	$$('.imgSVG').invoke("observe", "error", function() {
		this.onerror=null; 
		this.src=this.src.replace('\.svg','.png');
	});


Mais ça ne fonctionne pas (test sous IE8 qui est le principal concerné par ce fallback bien sur).
D'habitude je m'en sors un peu avec ce genre de syntaxe et ce genre d'observation d'événement mais là ...

Merci de votre aide !


B.