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

**laurent_m** · 04/09/2007, 20h41

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!

**Bisûnûrs** · 04/09/2007, 21h10

Filtre d'opacité pour IE6 :

Code :

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

filter:alpha(opacity=50); /* de 0 à 100 */

**laurent_m** · 04/09/2007, 21h25

Merci bien

**laurent_m** · 04/09/2007, 22h07

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!

**Bisûnûrs** · 04/09/2007, 22h37

Ben gère ça en Javascript, à l'ouverture de ton popup :

Code :

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

1
2
3
4
var img = new Image();
img.src = "monimage.jpg";
alert(img.width);
alert(img.height);

**laurent_m** · 04/09/2007, 22h41

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

**Bisûnûrs** · 04/09/2007, 22h54

Pourtant IE6 me renvoie les bonnes valeurs lui aussi.

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

Code :

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

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>

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

JavaScript

Discussions similaires

Partager

Partager