jQuery.mb.bgndGallery 1.6 & CSS3 transform

[youtube_sc url=http://youtu.be/A2sc9Xvr0sc]

I just made a major update for the mb.bgndGallery component.

The most consistent improve is that the gallery now supports transitions between images using the transform propery. That means you can make custom transitions using the scale, rotate or skew methods offered by the CSS3 “transform” properties.

If you don’t change the settings, the default transition is a fade in/fade out effect; but you can easily change it via the “effect” parameter offered by the component. The value of this parameter is an Object that includes both the “enter” and the “exit” CSS state of the incoming image.

For example, the new demo has the following effect:

effect:{enter:{transform:"scale("+(1+ Math.random()*2)+")",opacity:0},exit:{transform:"scale("+(Math.random()*2)+")",opacity:0}},

You can see it at work here
You can download it here

Hope you’ll enjoy it.