rollover déclenchant 2 actions dépendantes

Question

Bonjour, 

Voilà j'ai besoin lors d'un rollover de réaliser 2 actions au sein d'une même div : 
1° Acion : l'image de la div dont l'id est cover_projet est modifiée et redimensionée en forçant la largeur de img. 
2° Action : le CSS de la DIV doit être modifié en fonction de la largeur résultante de l'image. 

Or, mon problème est que lors de mon rollover la propriété document.getElementById(cover_projet).width me retourne la width de l'image précédente. 

Comment faire pour que mon appel à cette propriété concerne la nouvelle image (= après la permutation du src dans l'element d'ID cover_projet) ? 

Merci

@karamel · Answer

bonjour
tu supprime la node de l'image précédente et tu recree un nouveau node img  et la tu aura ton image a sa taille réel

cs_spray6969 · Answer

Ok pour la 1° partie. Mais mon vrai problème est d'obtenir par le rollover la propriété width de l'image que ce même rollover est en train de changer.

@karamel · Answer

si je ne me trompe pas la propriété document.getElementById(cover_projet).width ne te retourne pas la width de l'image précédente mais la width du css concernant l'image car c'est avec le css que tu decide de la taille de l'image et si tu change cette image l'image qui suit prendra la meme taille c'est pour ca que je te disait de recree une node image sans description de sa taille dans le css afin qu'elle soit affiche dans sa taille originale et la tu peut recupere sa taille

cs_spray6969 · Answer

Merci pour ta réponse, je comprends effectivement mieux le bienfondé de ta première réponse.

Par contre, je ne suis pas le meilleur pote de l'arbre DOM, donc là j'ai du mal.
Primo, déja il faut que je corrige une vilaine chose : le style de ma balise  est inline, je vais donc plutot lui rattachée un element CSS. Comme ça je serais plus clean et plus en phase avec ton explication.

Ensuite si je te comprends bien :
Mon rollover doit lancer la fonction js (je ne l'ai plus en tête mais ce n'est pas grave) qui permet de détruire la node image (l'élément de balise   ?).
Puis toujours en js j'en recréé une nouvelle.

Par contre mon but est de forcer la taille et la position de rendu de mon image, comment je fais si les propriétés CSS de ma balise restent vides ?

Désolé si je suis un peu reloud, mais c'est pas totalement évident pour moi.

@karamel · Answer

juste une petite question pourquoi doit tu connaitre la taille reel de l'image qui suit

Rollover déclenchant 2 actions dépendantes

5 réponses

Votre réponse

Discussions similaires