ScreenGallery v0.1

A MooTools plugin that displays a fullscreen picture gallery with slideshow functionality.

SlideGallery does not include UI controls! It is intended to solely provide a framework for loading pictures, display them fullscreen and managing a slideshow. But it comes with a great API you can build on.

Details

Author
Felix Zandanel
Current version
v0.1
GitHub
fza/ScreenGallery
Downloads
349
Category
Effects
Tags
Report
GitHub Issues

Releases

Dependencies

  • _self_/_current_:
    • Core/Class
    • Core/Class.Extras
    • Core/Object
    • Core/Array
    • Element
    • Element/Style
    • Element/Event
    • Element/Dimensions
    • fza/CallStack

How to use

var container = $('gallery-container');

var gallery = new ScreenGallery(container, {
    fadeOnReady         : false,
    readyFadeDuration:  : 500,
    minWidth            : 960,
    minHeight:          : null,
    verticalCenter      : false,
    horizontalCenter    : true,
    remainOffsetPercent : 6,
    endFxDuration       : 200,
    slideshowInterval   : 5000,
    basePath            : '/gallery/',
    performance         : 'optimize',
    performanceDelay    : 50
});

Events

  • ready
  • picture-set-ready
  • load-complete
  • before-slide-load
  • after-slide-load
  • before-slide
  • after-slide

Todo

  • Better documentation
  • Make heavy use of CSS3 to optimize speed
  • Add ability to load pictures on demand
  • Try to use canvas for image scaling
  • Enhance picture cache mechanisms
  • Exclude picture change effect from core library
  • Add more picture change effects

Discuss

A note on comments here: These comments are moderated. No comments will show up until they are approved. Comments that are not productive (i.e. inflammatory, rude, etc) will not be approved.

Found a bug in this plugin? Please report it this repository's Github Issues.

blog comments powered by Disqus