[Résolu] Liste déroulante et affichage d'images

Bonjour,

J'ai un souci pour l'affichage des mes images quand je sélectionne une option. Avec l’événement onchange ça marche au choix de l'option mais l'événement mouseover ne marche pas simultanément. J'aimerais afficher mes images au survole et au clic sur toutes les options et sur tous les navigateurs.

Nb: quand je choisis l'option aucun logo, j'ai une image vide qui s'affiche. J'aimerais corriger ce comportement. Merci par avance !

<select name="logos" id="logo">
        <option value="">Choisir votre logo :</option>
        <option value="">Aucun logo</option>
        <option value="logo1.jpg">Logo 1</option>
        <option value="logo2.jpg">Logo 2</option>
        <option value="logo3.jpg">Logo 3</option>
        <option value="logo4.jpg">Logo 4</option>
        <option value="logo5.jpg">Logo 5</option>
</select>
<div id="div"></div>

function generateLogos() {
       var which = this.value;

       div.innerHTML='<center>Loading image...</center>';
       div.innerHTML='<img src=""quot;"quot;'+which+'" >';
}
$("#logo").find('option').on('mouseover', generateLogos);

mmmmm ca avait l'air de marcher sous FF... Mais c'est clair que c'est un peu bancal.

Pour la solution maison tu fais une liste (ca peut etre une liste classique à base de <ul> et <li> hein) et au survol des éléments tu fais exactement la meme chose.... ici ce qui coince c'est que les options ont un status un peu bâtard géré différemment par les navigateurs.

Apres soit tu laisse la liste telle qu'elle soit tu tente de la faire ressembler a un select en faisant un genre de menu déroulant...