jquery-fullsizable

Use available browser space to show images

Make use of the full available browser space for enjoyable image viewing. Also supports the native HTML5 fullscreen API in modern browsers.

For the most simple use case load the nessecary files and call the plugin after the ready event is fired:

<link rel="stylesheet" href="css/fullsizable.css">
<script src="http://code.jquery.com/jquery-2.1.1.min.js"></script>
<script src="js/jquery.fullsizable.min.js"></script>
<script>
  $(function() {
    $('a.fullsizable').fullsizable();
  });
</script>

For more advanced usage, please refer to the full documentation.

Demo gallery

Click/tap on any image to see fullsizable in action. If you are on a touch device you can also swipe between images.

Advanced features and documentation

• tested in all major browsers (including mobile browsers)
• responsive by default
• exposes events and triggers for great customization
• can easily work with touch events
• can be styled to fit your required look easily
• works great with pure javascript pages (AngularJS, Ember, Backbone, etc.)
• only 4.8 KB (minified)

Please refer to the full documentation to learn more about the advanced features.

Usage examples

Find more usage example on GitHub.

Author and support

This plugin is maintained by Matthias Schmidt. You can reach me on twitter (wolax) or GitHub (MSchmidt).