如何让这个形状奇特的幻灯片工作？

Question

我想创建2个幻灯片 - 其中一个旁边（like this）。幻灯片的照片将由用户上传，所以我不能将它们剪切到线条使它们透明的地方（它们也会在文件大小上增长很多）。

请问我可以给我几个关于如何使用jQuery实现这个功能的指针吗？或者直接给我一个教程？

非常感谢！

一切顺利， 克里斯

Answer 1

你可以使用WebKit的面具，但它只是WebKit的。

帆布也可能是这里的路。

但是，如果你想更广泛的浏览器支持，你将不得不改变图像。 PHP可以做到这一点，所以用户上传它们不是问题。如果你关心文件大小，你可以尝试将图像分成两部分。一部分是透明度和其他普通jpg，但要确保在展示幻灯片之前都加载了这两部分。这只是为了旁白的一面，因为其他你不需要做任何事情。