Discussion :

[Invité]

Bonjour,
J'ais un site web avec sa page html (php) sa feuille de style CSS et un .JS maison.

Une de mes image m'intéresse par sa taille pour un traitement JavaScript
en effet dans mon css j'ai

Code :

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

1
2
3
4
 
img.bande { 
width :90%; 
}

(donc mon <IMG a une class="bande" et une id="logo" )

Je voudrais pouvoir lancer lorsque j'en ai besoin une fonction javascript
qui à un instant donné me donnerais la taille visible (pas réelle) de l'image
Je n'ais pas trouvé cette information par google.
Merci d'avance.

[SpaceFrog]

.getComputedStyle
ou
.offsetWidth

[Invité]

Content de te croiser l'Ami,
(en plus tu as mis ton avatar de Noël ! )

Bien j'en reviens au sujet, non non malheureusement cela ne marche pas !
on obtient n'importe quoi ... par contre si mon image fait 1500px et que je l'affiche en 1000px ça OUI je l'obtient, mais la il s'agit d'une valeur en %

As-tu testé ?

[SpaceFrog]

http://jsfiddle.net/a5NxH/
http://jsfiddle.net/a5NxH/1/

j'obtiens bien un résultat en pixels avec une image dimensionnée en % et en redimensionnant la largeur de d'ecran le resultat change

et fais gaffe de pas tomber dans le bassin de la fontaine...

[Invité]

Super l'Ami, alors en javascript, suivant ta logique j'y arrive parfaitement !
Bravo et merci

Même pas tombé dans la rivière

donc en JavaScript pur et dur j'ais

Code :

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

1
2
3
4
5
6
7
8
9
 
<script>
var atimer =  setInterval(Afficheq,1000);
function Afficheq()
{
var xx=document.getElementById("lui").width;
document.getElementById('aflui').innerHTML = xx;
}
</script>

Super !! et à bientôt