Índice
1
El visor de imagenes del foro Mar 22 Sep 2009, 2:45 am
racnarok
総隊長 Taicho Juuni
Genero : 
Cantidad de envíos : 1732
Edad : 33
Ubicación : Unlimited Blades World
Animes Preferidos : Blood+, Higurashi, Saikano, Hokuto no Ken, K-on!.
Dharma! : 10015
Fecha de inscripción : 23/07/2007
Hoja de personaje
Damage Level:
(999999/999999)
Cantidad de envíos : 1732Edad : 33
Ubicación : Unlimited Blades World
Animes Preferidos : Blood+, Higurashi, Saikano, Hokuto no Ken, K-on!.
Dharma! : 10015
Fecha de inscripción : 23/07/2007
Hoja de personaje
Damage Level:
(999999/999999)Bueno gente, hago este tema para explicar que son esas miniaturas que dicen que ando dejando por todos lados.
Si alguien se ha tomado la molestia de darles click, entonces ya abran visto el visor de imágenes que tiene el foro, y si no, solo basta con darle click a la siguiente imagen:
La función de este visor es sencilla, reducir el espacio que ocupan las imágenes y presentarlas de una forma más agradable sin que se tengan que abrir páginas aparte para visualizarlas.
Su uso a mi parecer es muy sencillo
Se debe tener la URL de la imagen
Aqui es algo variable, ya que podemos usar una sola imagen la cual se encogería por medio de HTML.
O usar dos imágenes, una pequeña, que seria la que mostraríamos, y la de tamaño real que será la que se mostrara cuando se le de click.
Bueno, explicare primero el paso que es con una sola imagen.
Se debe de incluir en estas simples lineas de código:
Ahora bien, las partes a explicar de este código serian:
rel='thumbnail' - Esto es lo que hace algo así como la llamada al visor para que se ejecute.
width='30px' - Este será el ancho que tendrá la imagen a mostrarse, pueden cambiar el valor por el que gusten.
height='30px' - Este será el largo que tendrá la imagen, al igual que con width su valor puede cambiar según nuestras necesidades.
Ahora, teniendo claro lo escrito anteriormente, procederé a explicar el paso que se basa en dos imágenes, una miniatura y la de tamaño real.
Es básicamente los mismo que el primer paso.
Con eso quedaria explicado el visor de imágenes del foro, que aunque sencillo resulta muy util.
Si alguien se ha tomado la molestia de darles click, entonces ya abran visto el visor de imágenes que tiene el foro, y si no, solo basta con darle click a la siguiente imagen:
Función
La función de este visor es sencilla, reducir el espacio que ocupan las imágenes y presentarlas de una forma más agradable sin que se tengan que abrir páginas aparte para visualizarlas.
Como lo uso?
Su uso a mi parecer es muy sencillo
Aqui es algo variable, ya que podemos usar una sola imagen la cual se encogería por medio de HTML.
O usar dos imágenes, una pequeña, que seria la que mostraríamos, y la de tamaño real que será la que se mostrara cuando se le de click.
Bueno, explicare primero el paso que es con una sola imagen.
Se debe de incluir en estas simples lineas de código:
- Código :
<a href='Aquí la URL de la imagen' rel='thumbnail' ><img src='Aquí la URL de la imagen' width='30px' height='30px' /></a>
Ahora bien, las partes a explicar de este código serian:
rel='thumbnail' - Esto es lo que hace algo así como la llamada al visor para que se ejecute.
width='30px' - Este será el ancho que tendrá la imagen a mostrarse, pueden cambiar el valor por el que gusten.
height='30px' - Este será el largo que tendrá la imagen, al igual que con width su valor puede cambiar según nuestras necesidades.
Ahora, teniendo claro lo escrito anteriormente, procederé a explicar el paso que se basa en dos imágenes, una miniatura y la de tamaño real.
Es básicamente los mismo que el primer paso.
- Código :
<a href='Aquí la URL de la imagen de tamaño real' rel='thumbnail' ><img src='Aquí la URL de la imagen miniatura que se mostrara'/></a>
Con eso quedaria explicado el visor de imágenes del foro, que aunque sencillo resulta muy util.
Cosas a tomar en cuenta
- Si la página no a terminado de cargar, al darle click a la miniatura de la imagen, se abrirá una página que contiene solo dicha imagen, será lo mismo que darle click a este enlace: https://2img.net/h/oi43.tinypic.com/33a5cpk.gif
- Dependiendo del método que se utilice, se reducirá el tiempo de carga de una página, ya que si utilizamos el método de encoger mediante HTML la imagen, esta se cargara igual como si la hubiéramos posteado normalmente, pero una vez cargada la página, al darle click a la imagen se abrirá más rápido pues la imagen ya se encuentra cargada.
- Si usamos el método de dos imágenes, la página cargara más rápido, pero al darle click a la miniatura, esta tardara un momento en abrir la imagen a tamaño real pues esta deberá ser cargada desde cero.