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