Reflejo/fancyzoomng

[unmaintained] Jquery fancyzoom NG. Cool, isn't it?

★ 1Forks 0JavaScriptGitHub ↗Compare

README

Very usefull/cute modal based on fancyzoom.

Features

The zoom will close when clicking outside the zoom box area.
Hitting esc key will close the zoom window.
Passing an option of closeOnClick: true into the fancyZoom function will close the zoom when the contents are clicked as well. This works great for image galleries.
Insanelly smaller and optimized. (Min js: 3.9kb; gzipped: 1.44 kb), images: 3.6k
Resize images to full modal size.
Works in IE

Load ajax content inside the modal.

$('a.zoom').fancyZoom({
  url: '/modal.html'
});

Shows background when modal comes up. (Styleable)
Indicator loading in ajax pages. (Styleable)
You can define multiple targets

Usage

Minimalist example

$('a.zoom').fancyZoom();

Advanced example

  $('a.zoom').fancyZoom({
    modal: '#customModal',
    width: 320,
    height: 300,
    url: '/page.html',
    closeOnClick: true   
  });

###Demo

You can see the demo page

by Martín Conte Mac Donell [email protected] - @fz

Contributors

Issues