LIVE PREVIEWBUY FOR $12

MagicWall is a jQuery plugin for creating a picture grid that cycles by means of a set of photographs utilizing enticing animations at a selected time interval. You should use this plugin to create an ornamental component of your web site, show your work or just use it as a pleasant animated background.
MagicWall plugin converts a listing of photographs right into a grid with outlined variety of rows and columns. The remaining photographs will seem with completely different animations and delays.
You may also configure the plugin with a view to outline how the grid needs to be laid out for various display screen widths.

Updates

PLEASE NOTE

Replace (v 2.0.0) is just not backward suitable, you may want to change your present configuration (Please learn beneath).

  • Replace ver 2.0.4 (28/10/2014)
  1. Fastened a minor bug within the ‘switchItem’ API methodology.
  • Replace ver 2.0.3 (07/10/2014)
  1. Fastened a minor bug within the animation plugin.
  • Replace ver 2.0.1 (19/08/2014)
  1. Fastened a minor bug within the animation plugin.
  • Replace ver 2.0.0 (22/06/2014)
  1. A number of bugs have been fastened.
  2. Added help for an ajax supply.
  3. Added social community integration. (Flickr, 500px and Instagram)
  4. Modified habits of breakpoints choice. The choice continues to be set the identical previous method, however now you’ll be able to present an entire set of choices for every breakpoint as a substitute of simply countX and countY.
  5. Added potential to pick out whether or not the pictures needs to be loaded from the cache (if obtainable) or not.
  6. Added a brand new choice autoUpdateOnResize to routinely replace the grid on window resize.
  7. Added two new strategies, for appending/eradicating objects to/from the grid.
  8. Added extra choices, specifically:
    • service
    • jsonUrl
    • appKey
    • userID
    • photoSetID
    • photoCount
    • photoSize
    • loadingMode
    • paused
    • useCache
    • preloadBeforeSwitch
    • autoUpdateOnResize
  9. Modified names of some choices, specifically:
    • countX is now columnsCount
    • countY is now rowsCount
    • minCountX is now minColumnsCount
    • minCountY is now minRowsCount
    • maxCountX is now maxColumnsCount
    • maxCountY is now maxRowsCount
    • onHoverExclude is now pauseOnHover
    • animationsExcluded is now excludedAnimations
    • sizing is now thumbSizing
  10. Modified default values of some choices, specifically:
    • animations is now *
    • animationsExcluded is now ””
    • delay is now 1000
    • period is now 600
    • All easings are actually false by default they usually fallback to easing which is now easeInOutCubic

Options

  • Responsive grid
  • Social networks integration
  • {Hardware} Accelerated
  • Fullwidth structure
  • Fullscreen structure
  • Extremely customizable
  • 22 Animations
  • Sass recordsdata included
  • Small file dimension

Checklist of choices

  • animations
  • excludedAnimations
  • delay
  • maxItemWidth
  • maxItemHeight
  • breakpoints
  • columnsCount
  • rowsCount
  • minColumnsCount
  • minRowsCount
  • maxColumnsCount
  • maxRowsCount
  • pauseOnHover
  • thumbSizing
  • fixedClass
  • perspective
  • period
  • easing
  • rollInXDuration
  • rollInXEasing
  • rollInYDuration
  • rollInYEasing
  • rollOutXDuration
  • rollOutXEasing
  • rollOutYDuration
  • rollOutYEasing
  • flipXDuration
  • flipXEasing
  • flipYDuration
  • flipYEasing
  • slideXDuration
  • slideXEasing
  • slideYDuration
  • slideYEasing
  • slideRowDuration
  • slideRowEasing
  • slideColumnDuration
  • slideColumnEasing
  • fadeDuration
  • fadeEasing


Source