15/3/08

Mostrar imágenes en una ventana aparte y a tamaño real.

Mi amigo Gero me pregunta como puede hacer para que las imágenes que se suben a blogger se vean en otra pestaña o ventana aparte y en su tamaño real al clikar sobre ellas.

Es muy sencillo aunque laborioso ya que hay que repetir el proceso por cada una de las imágenes a las que queramos aplicar esta propiedad.

Supongo que existirá algún tipo de script que aplique esa función a todas las imágenes pero lo desconozco.

Procurad no sobrecargar el blog con scripts que eternizan la carga de la página y suelen ser fuente de problemas.

Yo particularmente tengo la sana costumbre de aplicar sólo los imprescindibles.

Una vez subida la imagen cambiamos el editor de texto a "edición de HTLM".

Ahí veremos un larguísimo código que sustituye a la imágen.

Pues justo antes de donde empieza <img style ponemos el fámoso target="blank" justo después de las comillas que cierran JPG".

Podéis comprobarlo haciendo click en la primera imágen de esta entrada donde aparece servidor con su cara de tomate,ja,ja..

Si con el botón derecho de vuestro ratón seleccionáis "ver codigo fuente" comprobaréis como está insertado en el código lo que os decía;

<aonblur="tr...bla,bla,bla..Tomate+hotel.JPG"target="blank"><img style="margin: 0px...y tal y tal...

Esperemos que no les resulte dificil y les sirva para poder mostrar sus fotos más apreciadas.

.

4 comentarios:

Lúcida dijo...

Gracias por hacerme un hueco en tu perezososfera...es cómoda, jejeje

Geroarte dijo...

Gracias compañero,
Mas o menos es lo que me temia, el tema es que es un rollo tener que hacerlo con cada imagen, teniendo en cuenta que el blog es sobre todo de fotos me puedo desesperar.
hare lo que dices y lo aplicare a algunas fotos, ya veremos a cual.
De todas maneras segire buscando tiene que haber alguna otra forma.

Salu2

DianNa_ dijo...

Gracias por la ayudita, un beso a Perezoso y otro para ti.^^

Σ=o) Pau dijo...

Perrito... No sé si te sirve o no, pero si no quieres a lo mejor agrandar la imagen porque no vale la pena y no aparezca el mouse como una mano encima de ella
borras el codigo antes mencionado aonblur="bla... y /a del final dejado solo el de la imagen "img src="bla, bla.jpg"
besos ronroneados y que tengas un buen comienzo de semana

 

Archivo del blog