Poner las miniaturas y que queden todas del mismo tamaño es tan sencillo como limitarles el ancho y el alto en el estilo de la imagen; en este caso, a 100×100 px:
<img style="width: 100px; height: 100px;" src="AQUÍ LA URL DE LA IMAGEN" />
Luego sólo es cuestión de enlazarlas con la imagen original (sin limitación de tamaño).
Ahora bien, en este caso tengo dos "extras" añadidos: El thumbnail wiever, que hace que la imagen de destino se abra en esta misma página, sin salir del blog; y el linkopacity, con el que se consigue, con un simple cambio de opacidad en la imagen, ese efecto al pasar el cursor.
Si por lo que preguntabas era por esto último, déjame un mail de contacto y te lo explico más detalladamente. Es un poco engorroso por los códigos y demás, pero no es nada complicado; yo siempre voy a lo sencillo (no tengo conocimientos para más).
/>
6 comentarios:
Me gustó este post y lo voté en Bitácoras. ¿Qué código usaste para poner las miniaturas? Saludos!
Me gustó este post y lo voté en Bitácoras. ¿Qué código usaste para poner las miniaturas? Saludos!
Poner las miniaturas y que queden todas del mismo tamaño es tan sencillo como limitarles el ancho y el alto en el estilo de la imagen; en este caso, a 100×100 px:
<img style="width: 100px; height: 100px;" src="AQUÍ LA URL DE LA IMAGEN" />
Luego sólo es cuestión de enlazarlas con la imagen original (sin limitación de tamaño).
Ahora bien, en este caso tengo dos "extras" añadidos: El thumbnail wiever, que hace que la imagen de destino se abra en esta misma página, sin salir del blog; y el linkopacity, con el que se consigue, con un simple cambio de opacidad en la imagen, ese efecto al pasar el cursor.
Si por lo que preguntabas era por esto último, déjame un mail de contacto y te lo explico más detalladamente. Es un poco engorroso por los códigos y demás, pero no es nada complicado; yo siempre voy a lo sencillo (no tengo conocimientos para más).
Mi correo de hotmail es gracia.626, te agradezco la ayuda. Saludos!
Hecho. Espero que te sea útil.
Gracias por la ayuda! Saludos!
Puedes usar los códigos HTML : <a href=""> <b> <i>