360度的全景圖片效果常常可以用到給客戶做產品展示,今天這里我們推薦一個非常不錯的來自Robert Pataki的360全景幻燈實現教程,這里教程中將使用javascript來打造一個超酷的全景幻燈實現,相信大家一定會喜歡的!
在這個教程中沒有使用到任何插件,我們將使用HTML,css和javascript來實現,當然,也使用是jQuery這個框架!
如何實現?
我們將使用預先按照360生成的圖片進行輪播來實現動畫展示效果。包含了180個圖片。所以加載時間可能比較長。
代碼實現
我們將在css代碼中添加media queries,來使得這個效果可以同時在ipad和iphone上實現。

