Imágenes en Blogger

Cuando añadimos una imagen desde nuestro PC Blogger nos proporciona un código que para muchos es difícil interpretar.

Además de darnos la opción de alinear la imagen.

IZQUIERDA-CENTRO-DERECHA

Podemos escoger el tamaño para visualizar la imagen.

PEQUEÑA=200 MEDIANA=320 GRANDE=400

Dentro de ese código nos encontramos con dos direcciones de imagen que se diferencian en tamaño. Una es la imagen del tamaño que escogemos para ser mostrada y otra (s1600) es la imagen mostrada en ventana aparte en su tamaño original.


<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://url-de-la-imagen/s1600-h/.jpg">

<img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://url-de-la-imagen/s200/.jpg" alt="" id="BLOGGER_PHOTO_ID_5188849548546039074" border="0" /></a>


¿Qué hacer si como SkalS deseamos que la imagen sea mostrada sin la posibilidad como decía de ser mostrada en ventana aparte? bastaría suprimir lo siguiente:

<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://url-de-la-imagen/s1600-h/.jpg">

El resultado sería una imagen del tamaño escogido en nuestro editor de imágenes:



<img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://url-de-la-imagen/s200/.jpg" alt="" id="BLOGGER_PHOTO_ID_5188834967132069090" border="0" /></a>


Para no crear confusión debo aclarar que la parte que suprimimos es un enlace inaccesible, no muestra imagen alguna si es añadida a un navegador.
Su función es única y exclusivamente mostrar la imagen en tamaño original clicando sobre la miniatura.