Discussion :

[Chtidichi]

Bonsoir
Vu l'heure je rends les armes :
J'ai une succession d'images (10 par ex), dont le nom peut être image1.jpg ou image2.jpg ou image3.jpg . Seule l'une des 3 existe à chaque fois, et je voudrais afficher la bonne image.
en javacript, avec un test du genre
"si existe(image1) alors afficher image1 sinon si existe(image2) alors afficher image2 sinon afficher image3"
et surtout comment afficher cote à cote les 10 bonnes images .
Merci de me venir en aide, je n'ai que des rudiments de VBA !!!

[NoSmoking]

Bonjour,
tu peux tirer avantage de l'événement onerror des image si il y a un problème de chargement.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
var oImage = new Image();
oImage.onerror = function(){
  alert('Je n\'existe pas!!');
};
oImage.src= 'ma_super_image.png';

[Chtidichi]

Bonjour,
Désolé de n'avoir pas lu plus tôt, j'ai été un peu bousculé . Merci pour onerror, que je sais aussi utiliser dans IMG, mais ça ne vaut que pour 2 images possibles, pas trois !
Cordialement

[NoSmoking]

...mais ça ne vaut que pour 2 images possibles, pas trois !

cela est valable pour autant d'images que tu le souhaites à condition de rappeler la fonction sur l'error avec l'image suivante

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
var chemin = 'http://club.developpez.com/webdesign/Rubriques/Web/JavaScript/';
var tabImages = ['image_1.gif','image_2.gif','mini_logo_cours_javascript.gif','image_3.gif'];
function chargeImage(ind){
  var oImage = new Image();
  oImage.onerror = function(){
    ind++;
    if( ind < tabImages.length){
      chargeImage( ind);
    }
  };
  oImage.onload = function(){
    var oDest = document.getElementById('conteneur_image');
    oDest.appendChild( oImage);
  };
  oImage.src= chemin + tabImages[ind];
}
chargeImage(0);

[Chtidichi]

Bonjour,
Merci, je ( crois que je) comprends ce que fait cette fonction que je n'aurais pas su écrire, mais comment l'utiliser ensuite avec la balise IMG ??
( je l'avais dit, je suis nul )

[NoSmoking]

...mais comment l'utiliser ensuite avec la balise IMG ??

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
var oDest = document.getElementById('conteneur_image');
oDest.appendChild( oImage);

( je l'avais dit, je suis nul )

Il ne faut pas que cela devienne une fatalité !