[POO] [IE] Images invisibles mais propriétés non utilisables sous IE

Version imprimable

04/09/2007, 20h41
laurent_m

[POO] [IE] Images invisibles mais propriétés non utilisables sous IE

Bonjour!
Petite question:
Je cherche à ouvrir un pop-up de tailler dynamique dépendant de la taille d'une image.. je n'y arrive pas...

Pour vous mettre en contexte, admettons que j'ai 3 images définie comme suit:
id="imageN (ou N va de 1 à 3)
les tailles des image sont (300pxX100px),(500pxX508px) et (100pxX90px)

Or les images doivent s'afficher en popup lorsque l'usager clique sur un des trois liens
Comme je veux faire des popup de tailles changeantes, je me suis dit: on va insérer les images dans la page des liens en les mettant invisible dans leur style pour ensuite récupérer leur taille via getElementsById().width et height

Sous Firefox, ce mécanisme marche nickel mais IE ne veut pas récupérer les information d'éléments kinvisible semble-t-il ;)
IE, C'EST NUL!!! (pardonnez-moi, je devais le dire ;) )
or, si je met mes images au status visible, là ça marche! ( je ne veux pas que l'usager puisse voir lesc images autrement que via la popup)

j'ai regardé opacity (et mettre ca a 0) et tout le fourbi.. ça ne marche pas puisque c'est CSS3 et je ne sait même si IE6 suporte CSS3

Des idées ?

Merci!
04/09/2007, 21h10
Bisûnûrs

Filtre d'opacité pour IE6 :

Code:

filter:alpha(opacity=50); /* de 0 à 100 */
04/09/2007, 21h25
laurent_m

Merci bien ;)
04/09/2007, 22h07
laurent_m

humm les images en opacité 0 prennent quand même de la place sur la page.. ça décale les liens correspondamment à la hauteur de l'image
Je ne souhaite pas ça :)
j'ai essagé de créer un objet Image en donnant comme src l'adresse de l'image pour ensuite récupérer les infos de taille.. évidamment, sous FF ça marche Nickel mais sous ça ne marche pas du tout... IE c'est NUL encore et encore plus!

D'aute idées ?

Merci!
04/09/2007, 22h37
Bisûnûrs
Ben gère ça en Javascript, à l'ouverture de ton popup :
Code:

1 2 3 4 var img = new Image(); img.src = "monimage.jpg"; alert(img.width); alert(img.height);
04/09/2007, 22h41
laurent_m

j'ai essayé.. ça ne marche pas !
sous FF c'est nickel..
dernière solution, mettre l'image dans un div et rendre ce div invisible

Pourtant IE6 me renvoie les bonnes valeurs lui aussi.

Et comme ça ça fonctionne (code du popup) :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<html>
<head>
<script type="text/javascript">
window.onload = redim;
 
function redim(){
   var img = new Image();
   img.src = "monimage.jpg";
   resizeTo(img.width, img.height);
}
</script>
<style>
body{
   margin:0;
   padding:0;
}
</style>
</head>
<body>
<img src="monimage.jpg">
</body>
</html>