Pages Menu
Categories Menu

Posted on 8 Feb, in Apple, Code, JavaScript | 1 comment

Dale zoom a tus imágenes usando el JavaScript FancyZoom

Dale zoom a tus imágenes usando el JavaScript FancyZoom

FancyZoom es una increible librería de JavaScript creada por Cabel Sasser desarrollador de Transmit, uno de los mejores clientes de FTP para Mac. La biblioteca es realmente sencilla de implementar y solo debes seguri cinco pasos para que funcione en tu sitio web:

  1. Descarga el paquete de esta dirección
  2. Súbela a la raiz de tu servidor web
  3. Añade este par de líneas en el de tu página
    <script src="/js-global/FancyZoom.js" type="text/javascript"></script>
    <script src="/js-global/FancyZoomHTML.js" type="text/javascript"></script>
  4. Llama la función al cargar la página de este modo
    <body [...] onload="setupZoom()">
  5. Ya está listo, cualquiera de tus imágenes se agrandarán al ser oprimidas con un código como este:
    <a href="image.jpg"><img src="image-thumbnail.jpg" /></a>

Dale zoom a tus imágenes usando el JavaScript FancyZoom Dale zoom a tus imágenes usando el JavaScript FancyZoom

[vía Daring Fireball]

  • jesus

    Oye gracias por poner cosas interesantes, ahora, ya hice lo del ejemplo pero tengo un problema, cuando le doy a la imagen me manda abre otra pagina donde aparece la imagene en grande, como le hago para q me aparezca en la misma pagina??, gracias de antemano….