En cualquier navegador moderno, cuando visita una url de imagen (por ejemplo, http://i.imgur.com/xrM9q.jpg), automáticamente cambia el tamaño de esa imagen y le da la opción de "acercar" con una pequeña lupa. Esto no es siempre el caso con un iframe:Cambio de tamaño de imagen de IFrame
<iframe src='http://i.imgur.com/xrM9q.jpg'> </iframe>
Si vincula un iframe a una imagen, Firefox dará este comportamiento agradable: se comienza a comportarse como max-width: 100%; max-height: 100%, a continuación, puede hacer clic en él para hacer algo más grande .
Sin embargo, en Chrome, la imagen es de tamaño completo. Intenta abrir this example en Chrome y Firefox.
¿Cómo consigo que Chrome maneje las imágenes "inteligentemente"? Es decir, ¿el comportamiento predeterminado muestra un cursor de lupa y proporciona cambio de tamaño automático?
(Para aclarar: quiero que esto funcione en una extensión de Chrome. La única solución que he encontrado hasta ahora es poner un script de contenido en todas las páginas y cambiar manualmente el estilo en las imágenes de la página. apesta, así que estoy esperando un método que sea menos hacky y no afecte cada página que visita el usuario)
Puede encontrar que esta es una opción de diseño del navegador. No espero obtener ese tipo de funcionalidad de zoom a menos que la imagen sea la única que se cargue en el navegador, FireFox parece haber agregado esto como una característica de "bonificación". –
Incluso si es una opción de diseño, todavía estoy buscando una solución para obtener un comportamiento de imagen "mejor" de mis iframes. – Chuck
No creo que haya una manera más razonable de hacerlo que lo que Joelio describió en su respuesta. Eso, o usar un script del lado del servidor para descargar la imagen, redimensionarla y colocar la versión redimensionada en el sitio. Luego, puede vincular un controlador de clic a la imagen, que se mostrará en tamaño completo y luego la versión redimensionada con un segundo clic. Incluso puede usar CSS para agregar un buen cursor al pasar el cursor sobre la imagen. – Kenny806