Aumentar imágenes con Zoom It

28 de septiembre de 2010 57 comentarios ,
Aunque hay librerías de scripts que permiten darle un efecto de zoom a las imágenes de tamaño grande, en ocasiones estas librerías no son compatibles con otros scripts que tenemos, o bien, puede hacer un tanto pesada la carga del blog.
Es en esos momentos en los que agradecemos de servicios gratuitos que nos permiten hacer lo mismo pero sin tener que modificar la plantilla ni hacer malabares que nos den dolores de cabeza.

Un ejemplo de ello es Zoom It, un sitio que nos permite de la manera más simple insertar una imagen en el blog con la opción de aumentar la misma imagen con tan solo darle click sobre ella.



El procedimiento es tan simple que está al alcance hasta de los más novatos. Sólo basta subir la imagen a un alojamiento (incluso en Blogger puede ser). Luego entrar a Zoom It, y ahí ingresar la URL de la imagen que hemos subido y que deseamos mostrar.
Al dar click en Create tendremos lista la imagen con la opción de darle zoom a cualquier parte de ella.
Debajo aparecerán dos opciones, una es la URL para que tus lectores puedan entrar al sitio a verla, y la otra es un script que nos permitirá insertar la imagen dentro del blog, sólo basta copiar el código que está dentro de Embed y pegarlo en una entrada del blog.

Zoom It

En el código podremos observar que se pueden modificar los valores del tamaño.
<script src="http://zoom.it/mXJv.js?width=auto&height=400px"></script>

De modo que width=auto hará que el ancho se ajuste automáticamente al ancho de la entrada, y height=400px es el alto en pixeles que tendrá dicho gadget, se puede ajustar por otro valor más pequeño o más grande, según se desee.

Enlace | Zoom It


57 comentarios en:

" Aumentar imágenes con Zoom It "

  1. Esta Perfecto Potro, Esto va a Favoritos :D

    ResponderEliminar
  2. Suena muy bien, gracias y le voy a dar una probada.

    ResponderEliminar
  3. Muy útil, muchas gracias por la información

    ResponderEliminar
  4. Alejoblogger, lindo ¿no?

    Perro Blanco, vale, ojalá lo encuentres útil ;)

    ResponderEliminar
  5. Enrique Montalar, Microboy90, qué bueno que les ha gustado :)

    ResponderEliminar
  6. excelente¡¡¡...y aún más con la opción de ver en la página completa
    :D
    gracias potro

    ResponderEliminar
  7. Si señor, es estupendo! Gracias por compartir este maravilloso script : )

    ResponderEliminar
  8. muy bien ,se ve profesional ademas que no pierde mucha calidad al hacer el zoom

    ResponderEliminar
  9. Hola Potro:
    Tanto tiempo!!!
    Buen artículo. Está especial para quienes se manejan y su fuerte son, obviamente, las imágenes.

    Buen recurso.
    Saludos y estamos en contacto.
    Jpz.-

    ResponderEliminar
  10. Luis, sí, sí, esa opción es buenísima.

    Descomposed, gracias a ti por tu visita :)

    Peliztube, es mínima la calidad que se pierde, pero igual depende del tamaño original de la imagen.

    Jpz, en efecto... ¡tanto tiempo! Saludos.

    ResponderEliminar
  11. Tiene un elegante efecto y muy llamativo.
    Gracias por compartirlo.

    ResponderEliminar
  12. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  13. Potro me gustaria hablar con tigo, si es posible por el Msn ya sabes ojala te conectes.
    Gracias
    No es nada relacionado con esta entrada pero si con algo de blogger.

    ResponderEliminar
  14. Muy buena entrada Potro.

    Me gustaria saber (no se en que entrada ponerlo) porque en este blog que estoy creando quedan tan separados los gadget. Es la misma plantilla que la otra que tengo. Incluso he intentado colocar el buscador en la cabecera junto con la publicidad en el mismo gadget y queda muy separado (en el otro me queda juntito como en tu blog).

    http://elblincacequias.blogspot.com/
    Un saludo y espero que te gusten unas cosillas que colocado....

    ResponderEliminar
  15. Muy bueno potro!!!!
    siempre me sorprendes con cosas así :D
    saludos!!!!

    ResponderEliminar
  16. potro,como hago para hacer un buscador como el de esta pagina?, que salgan lso resultados en una pagina externa...

    ResponderEliminar
  17. ◄•••►F.Garcia◄•••►, ciudadblogger@msn.com

    Blincacequias, en las plantillas nuevas sigo sin saber cómo aumentar o disminuir el espacio entre los gadgets :\

    adriancybor, gracias por tu comentario!

    MARTMEN, yo lo he hecho con Adsense, pero puedes hacer algo muy parecido con el Motor de búsqueda personalizada de Google

    ResponderEliminar
  18. Como esta todo potro? jeje.. mira te queria pedi un favor no sabes de un tutorial para hacer un slideshow igualito al de esta pagina (ya la habias visto antes) como marca de agua y todo? o por lo menos que el slide show sea igualito al de esa pagina XD saludos!

    ResponderEliminar
  19. esta es la web

    http://www.greenzonerblog.com.ar

    ResponderEliminar
  20. Sí, lo he probado y funciona perfectamente y es muy útil. De nuevo gracias y adelante con el blog, que muchísimos te lo agradecemos.

    ResponderEliminar
  21. yonathan , no es que el slider tenga incluido la marca de agua, sino que el autor se la ha puesto a cada imagen. Un slider parecido es este.


    Perro Blanco, gracias :)

    ResponderEliminar
  22. Hola Potro,de nuevo muchas gracias por tu ayuda.He instalado el efecto zoom a la imagen. Despues de dividir la cabecera, al lado derecho he colocado un gadget y debajo tengo un banner. El de zoom de la imagen me queda un poco pequeño.Quiero aumentarlo de tamaño.
    Entiendo que width=auto hace que el ancho se ajuste automáticamente al ancho de la entrada, y height=400px es el alto en pixeles que tendrá dicho gadget, Este lo he ajustado a un valor más pequeño pero quiero aumentar width que se ajusta automaticamente al ancho de la entrada. la pregunta es: de donde se ajusta el ancho de la entrada.lo necesito más grande para luego volver a aumentar height y tener una presentación más grande.
    Gracias nuevamente por tu ayuda
    http://nucleo23marsella.blogspot.com

    ResponderEliminar
  23. Usualmente eso se hace cuando creas la plantilla a través del diseñador. Pero para que no la tengas que reinstalar de nuevo prueba con esto:
    Busca en tu plantilla una línea como esta:
    <b:variable default='930px' name='content.width' type='length' value='950px'/>

    El último número que está en negrita (en tu plantilla seguro es otro número distinto) es el que determina el ancho de la plantilla, ahí puedes poner un valor grande hasta que se ajuste al tamaño que quieres. Puedes usar la vista previa para ver el resultado.

    ResponderEliminar
  24. Gracias Potro por tu oportuna ayuda.He encontrado el código y de allí puedo modificar las distancias de la partición que hice en la cabecera del blog.Al lado derecho de la cabecera del blog tengo 2 gadgets,uno en la parte inferior con un banner que dice;MARSELLA,UNA VENTANA AL MUNDO,que es más ancho que el gadget que está en la parte superior lado drecho donde tengo una imagen con efecto ZOOM IT(este lo quiero más grande).De donde modifico los valores de este gadget.Perdona mis pocos conocimientos en este tema.

    ResponderEliminar
  25. Gracias potro por la ayuda me a servido de mucho te lo agradesco! saludos!

    ResponderEliminar
  26. NUCLEO 23 MARSELLA, si te refieres al gadget de Zoom It entonces donde dice width=auto lo modificas por otro valor, por ejemplo width=300px

    Si te refieres al banner ese no creo que se pueda ya que es un script.

    ResponderEliminar
  27. Gracias Potro,he modificado los valores donde has indicado- Excelente y oportuna labor de asesoría.

    ResponderEliminar
  28. HOLA POTRO, MI NOMBRE ES MARIANA Y ESTOY HACIENDO EL BLOG PARA UN VIAJE QUE ESTOY POR HACER, DESPUES DE VARIOS CAMBIOS, QUISIERA SABER SI ES POSIBLE ALGO QUE NO PUEDO ENCONTRAR NINGUNA INFORMACION.... PODRIA YO ELIMINAR EL SIDEBAR Y PONER EL TAMAÑO DE LAS ENTRADAS EL ANCHO DEL BLOG Y PONER AHI UN SLIDESHOW O PRESENTACION DE FOTOS MUY GRANDE?????
    Y POR ULTIMO SE PODRA SUBIR EL TITULO?? YO YA ELIMINE EL NAVBAR PERO EL TITULO Y ERL BLOG O SUBIERON...
    OJALA PUEDAS AYUDARME... AH! MI BLOG ES IMAGINASAILING.BLOGSPOT.COM

    ResponderEliminar
  29. Wow! que interesante este servicio, la verdad que no lo conocía... el efecto que brinda es muy bueno, puedes agrandar con el scroll y hasta poner en pantalla completa. Sale RT =)

    Un abrazo!!!

    ResponderEliminar
  30. Que chevere... voy a probarlo... interesante blog me gusto mucho :P

    ResponderEliminar
  31. Me alegro que te haya gusto :)
    Saludos!

    ResponderEliminar
  32. El zoom it ya no acepta más fotos. Habrá otra página similar?
    Gracias potro

    ResponderEliminar
  33. Hola Giancarlo, ¿a qué te refieres con que no acepta más fotos? yo acabo de entrar a Zoom.it y veo funcionando el sitio normalmente.

    ResponderEliminar
  34. Hola!!! me ha encantado lo de zoom it :D , pero cuando lo pego en mi entrada no sale nada :S , ¿qué estoy haciendo mal? , le doy HTML en mi entrada, pego el código pero cuando le doy vista previa mi imágen no se ve :S
    Gracias de ante mano! :D
    Excelente blog!

    ResponderEliminar
  35. Hola Celita0172,

    ¿Has probado verlo desde otro navegador?
    Prueba de nuevo, guarda los cambios y dime dónde lo has puesto.
    Igual verifica que la URL de la imagen que elijas sea una URL válida.

    Saludos!

    ResponderEliminar
  36. EXCELENTE HERRAMIENTA, esoy culturizandome y actualizandome cada dia mas contigo potro, gracias por tu dedicacion....

    ResponderEliminar
  37. gracias me servira mucho te agradesco

    ResponderEliminar
  38. Qué gusto que encuentren útil esta información. ¡Saludos!

    ResponderEliminar
  39. Hello Potro feliz navidad, como puedo poner mis entradas con solo imagen y titulo que no muestre nada mas, Gracias.

    ResponderEliminar
  40. Feliz Navidad!
    Puedes usar un Leer más automático, y podrías configurarlo para que no muestre ningún caracter:
    http://ciudadblogger.com/2010/03/leer-mas-automatico-con-imagenes-en.html

    Otra variante es usar un estilo magazine:
    http://ciudadblogger.com/2010/08/entradas-resumidas-estilo-magazine-3.html

    ResponderEliminar
  41. Se puede combinar de aluna manera ésta opción de dar zoom a una foto, con el código de proteger las imágenes???

    http://ciudadblogger.com/2009/05/protege-tus-imagenes.html

    No tiene pork ser con éste programa....y tampoco puedo utilizar algo de Jqueri (o como se escriba) pork he puesto el menú acordeon y ponía k no era compatibles....

    Gracias con antelación!

    ResponderEliminar
    Respuestas
    1. Será más fácil si usas este otro método, sólo tienes que poner ese código una sola vez:
      http://ciudadblogger.com/2009/10/como-evitar-que-te-copien-imagenes-y.html

      Eliminar
  42. Acabo de ver la utilidad de esta herramienta y me he puesto enseguida a hacer algo con una foto en mi blog de blogger, pero cual es mi sorpresa que al escribir el código embebido en la entrada html de mi blog no sale nada despues de estar viendo correctamente la foto subida en zoom it. He seguido y repasado todos los pasos y no consigo hacerlo. ¿Alguién me puede ayudar?.Gracias.

    ResponderEliminar
  43. Hoy he intentado utilizar este servicio para mi blog de blogger. He subido una foto y cuando he copiado el código embebido en una entrada html y lo he publicado no sale nada. Lo he revisado varias veces y hago las cosas como indicas arriba, pero nada de nada. ¿Me puedes ayudar?Gracias.

    ResponderEliminar
  44. Acabo de ver la utilidad de esta herramienta y me he puesto enseguida a hacer algo con una foto en mi blog de blogger, pero cual es mi sorpresa que al escribir el código embebido en la entrada html de mi blog no sale nada despues de estar viendo correctamente la foto subida en zoom it. He seguido y repasado todos los pasos y no consigo hacerlo. ¿Alguién me puede ayudar?.Gracias.

    ResponderEliminar
  45. Gracias por tu disponibilidad. Ya lo he resuelto. Simplemente lo que me pasaba es que en vista previa no lo podía ver pero al publicar salía correctamente. Gracias de nuevo.

    ResponderEliminar
  46. Hola Gracias de antemano por tu ayuda acabo de abrir mi blog estoy muy enredada espero que me puedas ayuda.

    ResponderEliminar
  47. Esto sirve también si visualizas la página desde el móvil? o es sólo para navegadores de PC?

    ResponderEliminar
  48. Otra cosa, la marca de agua de zoom.it está siempre ahí? no hay forma de quitarla? :S

    Gracias

    ResponderEliminar
    Respuestas
    1. No, no se puede quitar. No sé si en todos los dispositivos móviles funcione, en el mío (es un Android) sí se ve.

      Eliminar

Si tu blog contiene material protegido por derechos de autor habilita tu perfil y deja únicamente el nombre de tu blog, no dejes la dirección del mismo, de lo contrario el comentario será eliminado.

Nota: solo los miembros de este blog pueden publicar comentarios.

 
Ir Arriba Ir Abajo
I Ciudad Blogger