jQuery中可能的“透明电影”效果?我很难过

时间:2012-08-28 19:15:20

标签: jquery html css slideshow carousel

好的,我在朋友面前真的很棒,我需要一些帮助。

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

当客户端点击上一个/下一个箭头(当前基本文本链接,我将在我得到这个POS后重新定位),当前图像显示在旋转木马的中间页面应该在白色边框下方向左滑动,在蓝色覆盖图中滑动(如果你愿意的话,有点像透明的胶片效果)。

好吧,我很擅长如何让图像在边框下方滑动并在其上面叠加一种颜色,所有动态都不会在向左移动时立刻褪去整个图像。它应该是一个超平滑的过渡。

这绝对是支持它的样子:

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

这就是它现在的样子:

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

注意当前外观和感觉的粗糙,它仍处于PSD的基础开发阶段,但这让我很难过。请帮忙

1 个答案:

答案 0 :(得分:0)

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

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

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