javascript - Idea untuk melaksanakan fungsi yang serupa dengan ini

Question

1. Laman web sarung telefon bimbit DIY
http://www.xyppt.com/app/html/index.html?businessld=121
Terdapat sebaris gambar di bawah, klik pada gambar untuk menukar gambar pada sarung telefon.

Answer 1

Katakan terdapat beberapa gambar kertas dinding desktop asas, yang perlu [PS] pada sarung telefon bimbit di hujung hadapan. Idea mudah ialah:

1. Mari kita reka bentuk [gambar topeng sarung telefon bimbit], lukis garis besar telefon yang berlubang dan isikan kedudukan kamera, butang, dsb. di belakang.

2. Tindih imej topeng pada imej kertas dinding (pastikan indeks-z lebih tinggi), dan kemudian gunakan JS/CSS untuk menukar imej kertas dinding di bawah secara dinamik.