jquery - jQuery 中可能的 "Transparent Film"效果？我难住了

Question

好吧， friend 们，我真的很困惑，我需要一些帮助。

我有一个网站，我正在为我们公司的客户工作，但在页面顶部，它涉及一个 jQuery 幻灯片/无限旋转木马组合，在 19 像素白色边框之间显示当前图像旋转木马的两侧和其他部分应该隐藏在蓝色覆盖层的下方和后面。

当客户单击上一个/下一个箭头(当前是基本文本链接，我将在处理完此 POS 后重新定位)，当前图像显示在轮播图的中间页面应该在白色边框下向左滑动并进入蓝色覆盖层(如果您愿意的话，有点像透明胶片效果)。

好吧，我对如何让图像在边框下方滑动并在其顶部覆盖颜色感到困惑，所有这些都是动态的，而不会在向左移动时立即使整个图像褪色。它应该是一个 super 平滑的过渡。

这就是它应该看起来的样子:

http://www.powellcreative.com/clients/StansellHealth/images/help.png

这是现在的样子:

http://www.powellcreative.com/clients/StansellHealth/

注意当前外观的粗糙度，它仍处于 PSD 的基本开发阶段，但这让我很困惑。请帮忙

Answer 1

我创建了一个非常快速但无法运行的示例来向您展示您可以使用的技术:

http://jsfiddle.net/gdgKQ/1/

基本上，您想使用两个绝对定位、部分透明的 div 在您正在使用的合成中创建电影效果。如果我有时间并且这很有用，我可以添加一些 JavaScript 来向您展示实际效果。