类似于这种的功能实现的思路

Question

1.一个DIY手机壳的网站
http://www.xyppt.com/app/html/index.html?businessld=121
下面一排图片，点击图片就更改手机壳上的图片。

Answer 1

假设有若干幅 base 桌面壁纸图片，要在前端【PS】到手机壳上。一个简单的思路是：

1. 让设计出一张【手机壳的遮罩图】，绘制挖空的手机轮廓，并补上背面摄像头、按键等位置。

2. 将遮罩图叠放在壁纸图片上（保证 z-index 更高即可），而后 JS / CSS 动态更改下方的壁纸图片。