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]