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.