我正在为图片库构建自己的模式(灯箱、弹出窗口)——例如,我猜想类似于 Fancybox。
我有一页图片,每张图片代表一个特定的作品或项目——如果你点击一张图片,一个模式窗口会弹出,可以循环浏览与该作品相关的一组图片。有些图像的集合中可能有十二张图像……有些只有一张。
我正在做的是将图像堆叠在一起(一个粗略的例子,但与此类似:http: //goo.gl/TmNPs)——当你关闭/删除时,每个图像上都有一个关闭/删除按钮堆栈中的每个图像,直到你到达最后一个,然后整个模式关闭。
我想要实现的是这种具有不透明度百分比的堆栈的深度感。如果堆栈中有 12 个图像,则前面的图像的不透明度为 100%,之后的每个图像的不透明度为 12。因此,最后一个图像的不透明度为 100%/12,倒数第二个图像将具有 100%/12*2 的不透明度,倒数第三个 100%/12*3 等等。然后当每个图像关闭时,不透明度会发生变化以反映这一点。
我正在寻找有关如何/是否可能实现这一点的方向和指导——最好使用 jQuery。
非常感谢,