Javascript Ken Burns使用Joelambert的效果'；什么是磁通滑块？可能吗？

我目前正在使用Joelambert的通量滑块

GitHub：

演示：

基本上有很多效果，如酒吧，幻灯片，刷卡。这些效果中的每一个都在其各自的功能中实现。例如，溶解（褪色）效果的代码如下所示

我希望使用此API创建Ken Burns效果，是否可行

在提供的链接（wowslider.com/jquery slider bar kenburns demo.html）中可以看到Ken Burns效应的一个例子。它是一种帧中图像的缩放和平移效果

我尝试的：在setup（）或execute（）函数下添加

'-webkit transform'：'rotate（7deg）

，但旋转仅在转换到下一个图像时出现

希望图像显示动画，基本上有缩放，旋转和平移。我们非常感谢您的指导

谢谢你，光辉

(function($) {
    flux.transitions.dissolve = function(fluxslider, opts) {
        return new flux.transition(fluxslider, $.extend({
            setup: function() {
                var img = $('<div class="image"></div>').css({
                    width: '100%',
                    height: '100%',
                    'opacity':'1',
                    'filter':'alpha(opacity=100)',
                    'zoom':'1',
                    '-webkit-backface-visibility': 'hidden',
                    'background-image': this.slider.image1.css('background-image')  
                }).css3({
                    'transition-duration': '600ms',
                    'transition-timing-function': 'ease-in',
                    'transition-property': 'opacity'
                });

                this.slider.image1.append(img);
            },
            execute: function() {
                var _this = this,
                    img = this.slider.image1.find('div.image');

                // Get notified when the last transition has completed
                $(img).transitionEnd(function(){
                    _this.finished();
                });

                setTimeout(function(){
                    $(img).css({
                        'opacity': '0.0'
                    });
                }, 50);
            }
        }, opts));
    };
})(window.jQuery || window.Zepto);

（函数（$）{
flux.transitions.dissole=函数（fluxslider，opts）{
返回新的flux.transition（fluxslider，$.extend({
设置：函数（）{
var img=$（''）.css({
宽度：“100%”，
高度：“100%”，
“不透明度”：“1”，
“过滤器”：“alpha（不透明度=100）”，
“缩放”：“1”，
“-webkit背面可见性”：“隐藏”，
“背景图像”：this.slider.image1.css（'background-image'）
}).css3({
“过渡持续时间”：“600ms”，
“过渡时间功能”：“轻松进入”，
“转换属性”：“不透明度”
});
this.slider.image1.append（img）；
},
执行：函数（）{
var_this=这个，
img=this.slider.image1.find（'div.image'）；
//在最后一次转换完成时收到通知
$（img）.transitionEnd（函数（）{
_这个。完成了（）；
});
setTimeout（函数（）{
$（img）.css({
“不透明度”：“0.0”
});
}, 50);
}
}，opts））；
};
})（window.jQuery | | window.Zepto）；

什么是“肯·伯恩斯效应”？肯·伯恩斯效应演示：效果见提供的链接。它是一种帧中图像的缩放和平移效果。您的问题不能依赖外部链接来回答，这会使您的问题脱离本网站的主题。