如何讓這個形狀奇特的幻燈片工作？

Question

我想創建2個幻燈片 - 其中一個旁邊（like this）。幻燈片的照片將由用戶上傳，所以我不能將它們剪切到線條使它們透明的地方（它們也會在文件大小上增長很多）。

請問我可以給我幾個關於如何使用jQuery實現這個功能的指針嗎？或者直接給我一個教程？

非常感謝！

一切順利， 克里斯

Answer 1

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

帆布也可能是這裏的路。

但是，如果你想更廣泛的瀏覽器支持，你將不得不改變圖像。 PHP可以做到這一點，所以用戶上傳它們不是問題。如果你關心文件大小，你可以嘗試將圖像分成兩部分。一部分是透明度和其他普通jpg，但要確保在展示幻燈片之前都加載了這兩部分。這只是爲了旁白的一面，因爲其他你不需要做任何事情。