🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

A jQuery plugin used to display your product pictures in a responsive, touch-enabled, fullscreen slideshow with support for image zoom & pan functionalities.

Image-Slider image-zoom image-pan

Documentation

ap-image-fullscreen

This plugin and this readme file is still under development.

ap-image-fullscreen is a jQuery plugin for showing images in fullscreen mode, in combination with zoom functionality (see ap-image-zoom plugin). If there is no fullscreen support you can use pseudo fullscreen mode, which only uses the browsers client area size.

Example

Basic usage

More complex examples coming soon...

Core Features

  • Highly customizable plugin for showing images in fullscreen mode, in combination with ap-image-zoom plugin.
  • Fallback to pseudo fullscreen mode if no real fullscreen mode is available (even then device says that fullscreen mode is available)
  • Predefined and completely customizable shortcuts
  • Individual background colors via data-background-colorattribute, e.g. <img src="..." data-background-color="#ccf />.
  • Lazy loading for minimizing traffic

Documentation

Coming soon ;)

API

Coming soon ;)

TODO

  • Individual direction from where the next/previous slides in; perhaps fade effect instead of sliding?
  • Add images option to settings where user can set list of images which should be used instead of jquery selection
  • Add overview bar
  • Add information bar
  • Add page indicators
  • New (better?) download icon
  • Individual zoom settings for each page
  • Allow adding fullscreen container to an DOM element, so user can wrap the plugin

License

ap-image-fullscreen is licensed under MIT license.

The latest source code is available on GitHub.


You May Also Like