[READY] Triggering on Events/Manually

[thom4parisot]

The intention

Imager takes care about some events like scroll and resize. Depending of the OS/Browser, they are triggered in a different order, so does orientationchange.

If people also have their own business logic for these events or use a third party lazy loader like lazyload, they will hardly deal Imager as they can't control the events execution order.

The proposal

Removing the internal event listening (people use their own or plain old DOM Events), eventually providing an external plugin

var imgr = new Imager();

document.getElementById('fullscreen-button-reader').addEventListener('click', imgr.resize);

$(window).on('resize', function(){
  $get('/news').then(updateSidebarEntries).then(imgr.resize);
});

[Integralist]

@oncletom I like this proposal, I think it could be very useful. The only thing I would like to see incorporated as well is for Imager to default to using the onresize event for those users who have very simple needs and who don't want the hassle of having to write their own event code.

I know it would be a simple case of a user just writing something like...

window.onresize = function(){
    imgr.resize();
};

...but if the resize event was the default behaviour then it would be much cleaner to encapsulate that into Imager (as we do currently) and just let the user override that if they wanted to handle that themselves.

On a side note see #30

[thom4parisot]

This is ready to be reviewed.

// default settings are
// onResize event: true
// lazyload: false

var imgr = new Imager({ onResize: false });
imgr.registerResizeEvent();

// equals
var imgr = new Imager({ onResize: true });

// and
var imgr = new Imager();