OVH Cloud OVH Cloud

les images redimensionnées !

3 réponses
Avatar
Mathieu Di Martino
Salut je lutte en css et javascript pour redimensionner les images.

Je travaille dans une div qui s'affiche sur 50 % de large et 60 % de haut.
A l'interieur j'integre une image apellée IMGPortrait.

Sur la droite de la page j'ai affiché une planche contact d'un repertoire.
Quand je clique sur une image de cette planche, cela apelle la fonction
javascript : DisplayImg ( img, Width, Height )
J'ai les parametre de la taille de l'image ( fonction GetImageSize en php ).

Donc cette fonction redefini les proprietes de IMGPortrait. Dans ma logique
en lui donnant la propriete .style.height = 100% elle devrait se caler sur
la dimension de la div et afficher l'image en entier. Mais non.

Quelle doit etre la procedure pour y arriver ?

Voila la fonction plus bas !
Merci de votre aide
Mathieu


function AffichImgGrp (grp, Xlen, Ylen )
{

var rapport = (Xlen / Ylen) ;

if (Xlen > Ylen )
{

document.imgportrait.style.setAttribute = ("Width" , "100%" ) ;
document.imgportrait.style.setAttribute = ("Top" , "0%" ) ;
document.imgportrait.src = grp ;

}
else
{
document.imgportrait.style.setAttribute = ( "Height" , "100%" ) ;
document.imgportrait.style.setAttribute = ("Top" , "0%" ) ;
document.imgportrait.src = grp ;
}

}

3 réponses

Avatar
ASM
Mathieu Di Martino wrote:
Salut je lutte en css et javascript pour redimensionner les images.

Je travaille dans une div qui s'affiche sur 50 % de large et 60 % de haut.
A l'interieur j'integre une image apellée IMGPortrait.

Sur la droite de la page j'ai affiché une planche contact d'un repertoire.
Quand je clique sur une image de cette planche, cela apelle la fonction
javascript : DisplayImg ( img, Width, Height )
J'ai les parametre de la taille de l'image ( fonction GetImageSize en php ).

Donc cette fonction redefini les proprietes de IMGPortrait. Dans ma logique
en lui donnant la propriete .style.height = 100% elle devrait se caler sur
la dimension de la div et afficher l'image en entier. Mais non.


en effet, les tailles en % se référent à
- la taille du conteneur
ou
- la taille de la fenêtre ou du body (dépend du navigateur)
suivant que le conteneur a ou non un style position défini

Revoir les définitions sur le sujet :
http://www.yoyodesign.org/doc/w3c/css2/visudet.html#the-width-property
voir 'Errata' ici :
http://www.yoyodesign.org/doc/w3c/css2/visudet.html#the-height-property

Quelle doit etre la procedure pour y arriver ?


puisque ton php te donne les dimensions
tu envoies ces dimensions en px et puis basta ?

document.imgportrait.style.setAttribute = ("Width" , "225px" ) ;
document.imgportrait.style.setAttribute = ("Height" , "145px" ) ;
document.imgportrait.style.setAttribute = ("Top" , "0%" ) ;
document.imgportrait.src = grp ;


--
Stephane Moriaux et son [moins] vieux Mac

Avatar
rperruez
Stephane Moriaux et son [moins] vieux Mac


Salut msiou Stephane !

J'ai toujours tes scripts appellé "Moriaux_Scripts" lol

Content d'avoir de tes news !

richard


--

http://www.dipbretagne.com

Avatar
snide
La position est-elle "absolute" ?
J'ai eu le même problème. Si on a pas dans le style :
style=" POSITION: absolute;"
le redimensionnement ne se passe pas comme prévu.

Denis