是否有Ken Burns效果的JQuery插件？

Question

我只想要一个非常简单的插件... 不是幻灯片插件 我只有1个div和1个图像。

我希望图像在该div内移动（左/右，上/下），但不显示空白区域。当然，图像比div大，允许这种效果发生。

Answer 1

是的！ ：http://tobia.github.com/CrossSlide/ 1

Answer 2

1预设backgroundPosition 2将目标div的背景图像预设为图像 3.To Pan：使用backgroundPosition的坐标：'1px 240px'，不透明度，便于阅读 4.使用动画很长时间和/或轻松动画 5.就我所知，缩放这种方式不可行。

看起来像背景尺寸：50％50％或-moz-背景尺寸：100％100％不起作用。

$('div').animate({
    backgroundPosition: "10px 100px"
  }, 5000).animate({
    backgroundPosition: "10px 10px"
  }, 5000);