cambiar el tamaño de una imagen en 'a href' eslabón etiqueta

Question

mirar el código de abajo, yo puedo mostrar una imagen con un tamaño más pequeño

<a href="images/image.jpg"><img src="images/image.jpg" width="300" height="214" border="0"></a> 

pero lo que si quiero el enlace href para mostrar la imagen con un menor tamaño también. entonces digamos que la imagen original.jpg es 1500x1200 y en el enlace quiero mostrarla 800x600.

todos modos hay que hacer algo como esto:

<a href="images/image.jpg" width="800" height="600"><img src="images/image.jpg" width="300" height="214" border="0"></a> 

Answer 1

Si entiendo correctamente, desea controlar el tamaño de la imagen que es el objetivo del href, utilizando los atributos de la etiqueta a?

No puede hacer eso. Su mejor opción (para controlar el tamaño desde el origen del enlace) es servir sus imágenes utilizando un script del lado del servidor que acepta parámetros de tamaño en una cadena de consulta. Me gusta image.php?img=image.jpg&w=800&h=600.

Pero esa es una pregunta completamente diferente y estaría fuera de alcance para mí entrar en detalles aquí.

Por supuesto, si sólo quiere cambiar la imagen a un tamaño determinado, simplemente cambiar el tamaño de la imagen real y subirlo de nuevo :)

Answer 2

ya que se abre la imagen en sí es imposible.

lo que puede hacer es,

enlace a la página html y vacío, con sólo un <img src="URL" width="" height=""/> y aplicar el tamaño a la misma.

Answer 3

Aquí es una solución divertida:

<a href="javascript:document.getElementsByTagName('body')[0].innerHTML='<img src=images/image.jpg width=800 height=600>'"><img src="images/image.jpg" width="300" height="214" border="0"></a> 

aunque personalmente No lo recomendaría, funciona. :)

Answer 4

Echa un vistazo a la imagen-resizer en nodejs.

Aquí está el enlace: https://github.com/jimmynicol/image-resizer

O bien, puede utilizar la integración nodejs cloudinary que proporciona un acceso capa gratuita primera imagen 7500 para las transformaciones