andrewchee / MaxImage

The first jQuery plugin to use jQuery Cycle plugin as a fullscreen background slideshow.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Currently at Version 2.0.6

Documentation can be found at: http://blog.aaronvanderzwan.com/2012/07/maximage-2-0/

Full demo can be found at: http://www.aaronvanderzwan.com/maximage/2.0/

Changelog:

Version 2.0.6:

  • Add ability for backgroundSize option to be passed as a function to the plugin. This way you can completely customize how you want the image to resize. See example @ http://www.aaronvanderzwan.com/maximage/2.0/#CustomBGSize
  • Added a landing page with code explanations for some examples.

Version 2.0.5:

  • Now you can call maximage on any object and it will fill and center it (pass it a string, 'maxcover', 'maxcontain', 'fill' or 'center'). This makes it really easy to have any visual element be the fullscreen background element of the slideshow (HTML5 video, etc). A small explanation / tutorial can be found at: http://blog.aaronvanderzwan.com/forums/topic/maximage-cover-helper-function/
  • Exposed options to be global
  • Created "Adjust" object to handle math for fit and center functions
  • Remove Timer object (it wasn't being used anymore)

Version 2.0.4:

  • Added CSS transitions as the default 'easing' cycle option (Thanks to Roger Braunstein for this idea [http://partlyhuman.com/])
  • Added "cssTransitions" option that can force the plugin to run without using CSS transitions
  • Renamed "noBackgroundCSS" to "cssBackgroundSize" and changed the default to "true"
  • Added browser detection for CSS transitions and BackgroundSize to avoid dependence on Modernizr
  • Removed Jquery Easing plugin from the demo as I was not using it anyways

Version 2.0.3:

  • Added "noBackgroundCSS" option that forces the plugin to run without using CSS3's background-size

Version 2.0.2:

  • Added "fillElement" option that provides the ability to constrain your slideshow to a container element (not just the window)

Version 2.0.1:

  • Added backgroundSize option so that older browsers can act as though they support CSS3 background-size:contain
  • Now using dynamic backgroundSize CSS3 check for older browser functionality

Version 2.0:

  • Fixed compatibility with older browsers, specifically a bug that was creating white space after browser resize

Version 2.0-beta3:

  • Added ability to add other HTML within Slides (still to be tested in pre-CSS3 browsers)

Past Fork Notes

re: alancwoo - Added the ability to use a data-href attribute on the images. Thus one can now use this attribute for various things such as jquery tooltips, click functions etc.

About

The first jQuery plugin to use jQuery Cycle plugin as a fullscreen background slideshow.