Cómo mostrar una imagen de tamaño completo

<a href="FullSize.jpg"><img alt="thumb" src="thumb.jpg"></a>

Cuando se hace clic en el pulgar de arriba el navegador mostrará Tamaño Completo.jpg para que se ajuste a la ventana del cliente del navegador y cuando el cursor se mueva sobre él aparecerá un signo '+' que al hacer clic en la imagen se mostrará a tamaño completo. Lo que quiero hacer es mostrar la imagen a tamaño completo en primer lugar, sin que el usuario deba hacer clic para obtener el tamaño completo. ¿Cómo hace uno esto?Cómo mostrar una imagen de tamaño completo

Fuente

2010-10-02 Jim

Mostrar la imagen completa: <img alt="full image" src="FullSize.jpg" />?

Editar Ah, ya sé lo que quieres decir. Como dijo David Thomas, esto depende del navegador. Si desea que la imagen se muestre en tamaño completo, no puede vincularla a la imagen directamente. Con sólo HTML que puede hacer algo como esto:

<a href=fullsize.html"><img alt="thumb" src="thumb.jpg"></a>

Esto abrirá una nueva página HTML, que mostrará su imagen:

fullsize.html:

<!DOCTYPE html> 
<html> 
    <head> 
    <title>Your image title</title> 
    </head> 
    <body> 
    <img src="FullSize.jpg" style="width:100%;height:100%;" alt="" /> 
    </body> 
</html>

Pero al final este no es realmente el camino a seguir. Lo mejor que puede hacer es darle al usuario la opción de mostrar las cosas y no forzar algo sobre ellas. Si funcionan con una resolución más baja y muestra una imagen enorme en tamaño completo, no hay forma de que la cambien. Lo mejor es simplemente vincular a la imagen y si el usuario decide que desea verla en pantalla completa, puede hacer clic en la imagen para que el navegador la cambie de tamaño.

Fuente

2010-10-02 17:46:55 Alec

Simplemente elimine el ancla </a> que rodea su imagen. Si desea "garantizar" que se muestre a tamaño completo, agregue width="100%" en su etiqueta <img />.

Además, para mostrarlo por completo, no debe anclarse en ningún lugar. Simplemente publique su imagen inmediatamente en una etiqueta <body>.

Fuente

2010-10-02 17:50:54

No puedo mostrarlo a tamaño completo donde está, solo hay espacio para el pulgar. – Jim

Supongo que hay un CSS (algo así como 'a img {...}') que tiene un ancho fijo, por lo tanto, su imagen no se muestra en pantalla completa. Comente la declaración 'width' en el CSS. –

@Jim, no hay espacio para mostrar la imagen a tamaño completo, pero ¿desea mostrar la imagen a tamaño completo? No se calcula ... – Alec

crear una página FullSize.html con el tumb <img src="FullSize.jpg"/> y

pantalla con enlace a ese archivo

<a href="FullSize.html"><img alt="thumb" src="thumb.jpg"></a>

Fuente

2010-10-03 17:05:09 jcubic

Por desgracia, lo que describes es una función de navegador de interfaz de usuario (o 'fallo', dependiendo de su punto de vista), y solo puede ser habilitado/deshabilitado por el usuario. Por lo general, a través de las opciones de 'editar preferencias'.

Se hace solo si la imagen es más grande que el puerto de vista, de modo que el usuario puede ver la imagen completa sin tener que desplazarse, está 'en vivo' para que la imagen no se comprima/redimensionado, solo escalado para adaptarse a la ventana gráfica. También es inmediata e intuitivamente imposible de usar por el usuario con solo un clic. No estoy seguro de que, si hubiera una forma de evitarlo, podría recomendar una técnica así, especialmente porque es una característica con la que estoy más contento, como desarrollador y usuario, que estoy disgustado. por esto.

La única forma de evitarlo, que se me ocurre es encontrar la altura/ancho nativo de la imagen, envolverlo en un div con esas dimensiones (más un pequeño relleno). No estoy seguro de que funcione, pero es lo único que viene a la mente ahora que lo estoy pensando.

Fuente

2010-10-03 17:11:42

Cómo mostrar una imagen de tamaño completo

Respuesta

Cuestiones relacionadas