Le style de l'image à l'intérieur de l'iframe
J'ai une image à l'intérieur d'une iframe en définissant l'attribut src de l'iframe:
<iframe src="path/to/my/image.jpg" class="myclass"></iframe>
L'iframe a une fixe en hauteur et en largeur. Je veux que la largeur de l'image pour remplir l'iframe, mais sa hauteur de rester à la proportionnelle à la largeur de sorte que l'utilisateur puisse être en mesure de faire défiler vers le bas de l'iframe pour voir le reste de l'image.
Comment puis-je faire cela?
EDIT: JSFiddle lien http://jsfiddle.net/2LExA/
- pouvez-vous jsfiddle il?
- J'ai supprimé ma réponse, ne réalisant pas que c'est une image. De toute façon, si vous utilisez une image qui vous appartient, pourquoi utiliser un iframe?
- parce que je ne voulais pas la totalité de l'image affichée. Je voulais être affiché dans un cadre incorporé à travers laquelle l'utilisateur peut faire défiler.
Vous devez vous connecter pour publier un commentaire.
J'ai mis le src de l'iframe à une page appelée show_image.php et passé l'url de l'image en tant que chaîne de requête:
Puis dans le show_image.php, j'ai perdu un img avec ses src ensemble de la chaîne de requête et de la largeur à 100%:
Fait!
Grâce à lukeocom du soupçon, pour mentionner que je devrais mettre l'image dans une page séparée.
vous utilisez un iframe principalement pour l'affichage distinct une page html contenant une image. Vous serait donc utiliser les css pour la page de style de l'image. Vous pouvez utiliser css pour le style de la largeur de votre iframe, mais pas son contenu.
Votre autre alternative est de placer l'image dans un div, et le style de l'image par rapport au div.
html
css