Iframe et le dimensionnement des images

Bonjour à la communauté,

J'ai un petit souci...
Je souhaite afficher une image dans une iframe

Code:

---

1 2	<iframe frameborder="0" scrolling="no" align="middle" src="images_banniere/FAZER.jpg" id="Grd_Frame" width="200" height="200"> </iframe>

---

Comme vous pouvez le constater, la fframe fait 200px par 200px.

Comme mon image fait 2000*1000, je n'en vois qu'une partie...

Ma question : Comment je fais pour définir la taille de mon image dans l' IFRAME ?

Merci pour votre aide

Bonjour,

Pourquoi utiliser une iframe ? :weird: :koi:

Il existe la balise <img /> qui est faite pour afficher des images...

Ben tu peux pas...
Mais la vraie question à se poser, c'est surtout pourquoi diable as-tu besoin d'une iframe pour afficher une image ??? :calim2:

Bonjour,

J'ai 12 vignettes et quand je clic sur l'une d'elle, celle ci apparait en plus grand dans une IFrame.

Certes, mais même dans ce contexte, il n'y a aucun intérêt à utiliser une iframe !
Tu t'en rends d'ailleurs compte toi-même... Afficher l'image dans une <div> (par exemple) contenant une balise <img> dont tu peux contrôler les dimensions et l'attribut src est largement plus judicieux !

Afficher tes vignettes en taille réelle n'empêche pas d'utiliser la balise <img> :weird:

:?

a l'endroit où j'ai mon iframe je la supprime et je remplace par :

Code:

---

1 2	<div id="Grd_Image"><img id="GIm" src="images_banniere/FAZER.png" width="300" height="300" /></div>

---

Comment je fais pour parametrer la region cliquable ?

Code:

---

1 2 3 4

<map name="Map" id="Map"> <area shape="rect" coords="2,2,88,88" href="images_banniere/FAZER.png" target="GIm" /> </map>

---

Parce que là cela apparaît dans une autre page !:oops:

La balise <DIV> ne peut fonctionner car il faut definir une target et seul un iframe peut generer une nouvelle target dans la meme page.

Par contre, j'ai beau chercher, je ne trouve pas de moyen de centrer le contenu d'une IFRAME. Je pense que ce n'est pas possible.

Bonjour,

Citation:

---

Envoyé par laurent1

La balise <DIV> ne peut fonctionner car il faut definir une target et seul un iframe peut generer une nouvelle target dans la meme page.

---

je dois admettre que je n'ai rien compris à ton soucis.

Code:

---

1 2 3

<div id="div_img"> <img id="mon_image" src="nom_image.jpg"> </div>

---

si je veux changer l'image contenu dans la balise img, je modifie sa src, certes c'est du javascript, mais....

Code:

---

document.getElementById('mon_image').src = "nouvelle_image.jpg";

---

et après tu en fais ce que tu veux.

Merci pour ton aide,

Je me lance dans le javascript.

:ccool: