Your Cart

Reply To: Ken Burns effect

These forums are now closed to new replies / tickets.

Please open a support ticket from our new Support page.

Front Page Forums This and that Ken Burns effect Reply To: Ken Burns effect

gravatar
Samuel
February 6, 2015 at 9:42 pm

I think, most easy way at the moment is CSS transform
transition.
You will ned prefixes to work on some browsers, but this is an
idea.

Galleria.configure({
    imageCrop: true,
    transition: 'fade',
    transitionSpeed: 800,
    autoplay: 3000,
});
Galleria.ready(function () {
    this.bind('loadfinish', function (e) {
        $(e.imageTarget).css({ 
            'transform':'scale(1.2) rotate(0.1deg)',
            'transform-origin':'center center',
            'transition':'transform 4.6s linear'
        });
    });
});

http://jsfiddle.net/nv9eaq5v/


Galleria.io uses cookies to store information. You can read more about that in our Privacy Policy. I understand