Discussion :

[Carpariath]

Bonjour,
Voici mon problème :
je possède des images insérées dans des div, qui sont redimensionnées pour occuper TOUT le div. Pour se faire, il m'est impossible d'utiliser la propriete background des div, mais d'utiliser des balises img que je retravaille avec css pour qu'elles s'étirent.
Tout marche très bien, mais j'ai un souci : je ne peux pas utiliser la propriété hover sur ces images! En effet, j'aimerais que l'image change au passage de la souris (facile avec background et div, mais avec img???)
Peut-on modifier la propriété "src" html avec css?
Merci d'avance!

[4R416N33]

Non tu ne peux pas modifier la propriété src avec css mais avec du js.

Renseigne toi sur le DHTML pour plus d'infos à ce sujet là, étant donné qu'en l'absence de code, on t'aidera pas beaucoup.

(je crois me souvenir que le src en js pose quelques problèmes sous ie, mais je ne m'étais pas trop posé la question étant donné que j'avais redimensionné mes images pour les passer en background quand j'avais eu ce pb).

Cordialement.

[Carpariath]

Oui c'est vrai il y a le js, mais je préfère éviter cette solution
Sinon oui au depart j'avais redimensionne, mais les dimensions des images devant s'adapter a la resolution de l'ecran, je commençais à me coltiner 5 ou 6 dimensions differentes pour une meme image, avec detection de la resolution et tout le tralala... en courant le risque de tomber sur une resolution batarde coté client!
D'où mon choix d'utiliser des images "fitables" , au depart plutot grandes que petites, mais bon...
Merci quand meme pour ta réponse, je continue de chercher une solution alternative!

[Bovino]

Oui c'est vrai il y a le js, mais je préfère éviter cette solution

Pourquoi ? D'autant que c'est la seule solution pour changer le src de ton image...

[Carpariath]

Pour te répondre, Bovino,
Ca peut paraître un peu bête, mais j'aimerais éviter le plus de problèmes de compatibilité avec les navigateurs des clients...
Bien sur je pourrais intégrer du flash, du js, java ou autre, mais... et si je tombais sur LE gars qui a désactivé pour une quelconque raison le js sur son navigateur?
Et bien il faudra bien que je cherche une solution alternative pour afficher tout de même quelque chose... Bref : beaucoup de soucis pour pas forcément grand chose!

Mais bon d'un cote c'est vrai que si j'en abuse pas trop, pourquoi pas? Si c'est facile à faire, je peux toujours essayer... Je vais chercher de ce côté là!

Tant qu'on y est, admettons que je parvienne à afficher mon image alternative au passage du curseur... Il s'agirait d'un gif animé faisant office de lien : connaissez-vous un moyen pour faire en sorte que seule la partie non transparente (pas la couleur alpha, quoi) soit cliquable, et ce sur chacune des frames bien entendu...

[popo]

Tant qu'on y est, admettons que je parvienne à afficher mon image alternative au passage du curseur... Il s'agirait d'un gif animé faisant office de lien : connaissez-vous un moyen pour faire en sorte que seule la partie non transparente (pas la couleur alpha, quoi) soit cliquable, et ce sur chacune des frames bien entendu...

Peut-être une image mapée...

[Sub0]

Salut!

Pour ton problème de hover :

Avec 2 images superposées, utilise le hover pour afficher une image et en même temps cacher l'autre :
Par exemple avec display:none et display:block...