jueves, 27 de septiembre de 2007

Imagenes que se amplian con un clik

Este truco es muy bueno en cuanto a que da muy buena presentacion al blog, ya que sirve para poder ver imagenes en miniatura las cuales se agrandan al darles click, y la cuales se cierran cuando das click sobre ellas.

Ejemplo:








Solo tienen que hacer dos cosas, una es, primero te vas a:

Plantilla---->Editar HTML-----> y justo antes de </head> colocas este codigo:

<link href='http://correo.yaju.googlepages.com/thumbnailviewer.css'/>
<script src='http://correo.yaju.googlepages.com/thumbnailviewer.js' type='text/javascript'>
</script>

Despues guardas los cambios y te vas a cualquier lugar donde quieras colocar la imagen o imagenes y colocas este otro codigo:

<p><a href="URL de foto" rel="thumbnail" title="Esto sale abajo de la foto">
<img src="URL de foto" style="width: 85px; height: 125px" /></a></p>

En este codigo se cambia el tamaño de la imagen en pequeño donde dice 85 px y 125 px. Si quieres que la imagen en miniatura se vea mas grande solo aumenta los pixeles.
No olvides poner la URL de la imagen dos veces en el codigo, y cambiar donde dice "Esto sale abajo de la foto" para que se vea bien la imagen.

Y eso es todo. Recuerden sus dudas me las pueden hacer saber mediante el boton de arriba que dice "Contacto"


Escucha este escrito

9 Personas dejaron sus comentarios:

pao comento sobre este post...

Hola Alejandro:

gracias por tu comentario.
no me quedó claro qué código es el que necesitas, ¿el de la plantilla?, puedo saber para qué? (sólo por curiosidad)

un abrazo.

Yolanda (Cabalas Virtuales) comento sobre este post...

Te conoci hoy por technorati, me parece un blog muy interesante, enhorabuena adelante, saludos

AlVaRo comento sobre este post...

LO hago... pero cuando lo alico Sale la imagen En la parte superior de el blog no encima de lanoticia que hago?

John Mulder N´ Vic Sage comento sobre este post...

me pasa igual que el anterior no sale la imagen como se muestra en tu blog si no solo la imagen pequeña cono se puede haces eso saludos muy buena pagina

Monillo007 comento sobre este post...

Es por que en el código que va dentro de la plantilla, en link ... hace falta una etiqueta antes de cerrar:

rel='stylesheet'

con eso se soluciona el problema.

Dorian comento sobre este post...

hola, tengo el mismo problema por favor , decidme donde tengo que poner

rel='stylesheet'

muchas gracias.

Dorian comento sobre este post...

ok ,solucionado.gracias

Perita Mapper comento sobre este post...

Che puse el htlm donde tiene que ir pero nada :S , y arriba de la pagina arriba de todo me dice CARGANDO IMAGEN :S, ayuda. xD

John K comento sobre este post...

Amigo mil gracias, justo lo que andaba buscando :)

Calendario de posts

Cargando...

 
ir arriba