Bienvenido a VidaBlogger, un sitio dedicado a brindar Ayuda para Blogs.

Vas a poder encontrar trucos blogger, tutoriales y herramientas para blogs, aprenderás estrategias sobre SEO y posicionamiento web, y te daremos los mejores consejos para que lleves tu blog al máximo potencial!





3 may. 2010

Insertar script para que al hacer click en una imagen esta se agrande




Seguramente alguna vez has visitado alguna web que tenia una imagen que al hacer clic en ella se ampliaba. Como por ejemplo la imagen de este articulo. Queda muy bien ¿No? Te enseñare como hacerlo.

Tan solo tendrás que aplicar un código para que se cree el efecto. Es muy útil para no tengas que volver a ocupar toda la pantalla de tu sitio colocando imágenes grandes porque necesitas que se observen todos los detalles de esta.

Primero tienes que copiar este código y luego pegarlo en el post que vas colocar la imagen.

<img onclick="javascript:this.width=450;this.height=338" ondblclick="javascript:this.width=100;this.height=80" src="URL de la imagen" width="100"/>

Ahora te explicare que partes tienes que remplazar:

  • URL de la imagen: Cámbialo por la url de la imagen que desees utilizar.
  • El primer width y height que se encuentran en el código se refiere a las medidas que quieras agrandar la imagen.
  • El segundo width y height del codigo: Allí debes aplicar las medidas que quieres que se reduzca la imagen.
  • El último width que se encuentra es como se va ver cuando la pagina cargue. Es recomendable que sean las medidas en que se va a reducir.

Listo!! Ahora en tu sitio al hacer un clic en la imagen se ampliara, y para reducirlo tendrás que hacer sobre ella doble clic.

Si te ha gustado este post, no dudes en suscribirte al feed RSS de VidaBlogger - Ayuda para Blogs! para recibir todos los días la últimas novedades - (¿Que es RSS?)

0 comentarios :

Publicar un comentario

Lea las reglas:

Todos los comentarios serán leídos y moderados previamente.

Serán publicados aquellos comentarios que respeten las siguientes reglas:
- Su comentario debe estar relacionado al contenido del post.
- No se aceptan comentarios tipo SPAM.
- No incluya links No necesarios en el contenido de su comentario.
- Si quieres dejar la url de tu blog, hazlo utilizando la opción OpenID.
- La caja de comentarios no es el lugar para pedir intercambio de links (para ello ve a la página de contacto).
- Ofensan personales, amenazas o insultos NO serán permitidos.

OBS: Los comentarios de los lectores no reflejan las opiniones del blog.