前幾天在 Lexus 官網(wǎng)看到有這樣的一個(gè)效果:http://www.lexus.com.cn/models/es/360
于是順手打開控制臺(tái)看了下他們是怎么做的,發(fā)現(xiàn)使用的技術(shù)還是比較簡(jiǎn)單的,通過背景圖的切換來完成全景的效果。
心血來潮自己做了一個(gè)優(yōu)化一點(diǎn)的版本,先上 DEMO 和 源碼。(由于圖片資源較大,加載時(shí)間較長(zhǎng),請(qǐng)耐心等待)
接下來分享下我的制作流程。首先觀察下他們的圖片鏈接: