11548 sujets

JavaScript, DOM et API Web HTML5

Salut à tous ...

Petit soucis pour récupérer les dimensions effectives d'un élément à l'écran ...

En gros, et pour résumer parsque c'est super compliqué :

<li>  // appliqué en CSS : width=33%
    <img src='toto' /> // appliqué en CSS : width : 100%
</li>


C'est une galerie d'images ... (3 images par lignes d'ou le 33%).
Les LI sont en float left ... et l'image s'adapte toute seule à la taille du LI !

Pour avoir une image de meilleure qualité, je la regénère à la bonne dimension. Pour celà il faut que je connaisse la dimension de l'image en PIXELS !!!

Sous FF : pas de soucis Smiley biggrin
getComputedStyle( img )['width'] => 143px;

Sous IE : PB !!!! Smiley fache
img.currentStyle.width => 100%;
Je cherche à récupérer la valeur en PIXELS et pas en %

Quelqu'un aurait-il une idée ????

Merci d'avance ...
Modifié par MangaII (01 Aug 2007 - 13:01)
Oups ...

J'ai trouvé mieux ...

img.offsetWidth

Ca fonctionne sur IE et FF !
Et je récupère les dimensions en pixels !!!!

Désolé du dérangement !

Smiley lol

PS : J'adore ce Forum ... J'y trouve toutes mes réponses !