如何使这种形状奇特的幻灯片发挥作用？
我想创建 2 个幻灯片 - 一个并排（像这样）。幻灯片照片将由用户上传，因此我无法在线条所在的位置剪切它们以使它们透明（它们的文件大小也会增加很多）。
您能否给我一些关于如何使用 jQuery 实现此目标（无 Flash）的指示？或者指导我查看教程？
多谢！！
一切顺利， 克里斯
I want to create 2 slideshows - one beside the other (like this). The slideshow photos will be uploaded by the user so I can't cut them up where the line is to make them transparent (they will also grow a lot in file size).
Could you please give me a few pointers on how to achieve this with jQuery (no flash)? Or direct me to a tutorial?
Thanks a lot!!
All the best,
Cris
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
您可以使用 webkit 掩码，但它只是 webkit。
画布也可能是这里的选择。
但如果您想要更广泛的浏览器支持，则必须更改图像。 PHP 可以做到这一点，所以用户上传它们不是问题。如果您担心文件大小，可以尝试将图像分成两部分。一部分具有透明度，另一部分具有常规 jpg，但请确保在显示幻灯片之前加载两者。这仅适用于杂耍的一方面，对于另一方，您无需执行任何操作。
You could use webkit mask, but it's only webkit.
Also canvas may be the way to go here.
But if you want broader browser support you'll have to alter the images. PHP can do this, so users uploading them is not a problem. If you're concerned about file size you could try to split image in two. One part with transparency and other regular jpg, but make sure both are loaded before you show the slide. This is only for one side of the sideshow, for the other you don't have to do anything.