Discussion :

[Mister Nono]

Bonjour,

Une page web contient beaucoup d'images qui ne s'affichent que quand l'utilisateur passe sur une icone :

Code :

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

1
2
3
4
5
 
 
<img src="icone.gif" ... >
 
<img id='img' src=''>

Est-ce qu'il est possible de demander chaque image par Ajax suite à un évêment souris ?
Si oui, comment faire ?

Exemple :

Code :

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

1
2
3
4
5
6
 
 
<img src="icone.gif" ... 
       onmouseover='javascript:demandeImage();'>
 
<img id='img' src=''>

... avec ...

Code :

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

1
2
3
4
5
6
7
8
 
<script>
function demandeImage()
{
var image = REQUETE AJAX;
document.getElementById('img').src = image;
}
</script>

Merci par avance.

Cordialement.

[SpecialCharacter]

Bonsoir,

Pour moi, il serait inutile d'utiliser de l'AJAX pour un tel besoin.
En effet, il faut savoir qu'un simple script JavaScript te le permettrait.
Il suffit de changer l'attribut src de ton image à chaque onRollOver de la souris.

Si tu ne veux pas modifier manuellement chaque image pour chaque onRollOver, tu peux créer une fonction qui comportera la liste des URL de chaque image, ainsi on pourra imaginer chargerImage(1); chargerImage(2); etc.

Tu peux aussi effectuer un effet du style : remplacement de l'image par une image de chargement