13 款最棒的 jQuery 影像 360° 旋轉外掛

oschina發表於2014-03-12

  在 web 頁面上使用 jQuery 影像 360 度旋轉外掛是最美也是最方便的顯示影像的方式。這些超級棒的 360° 影像選擇外掛允許使用者更詳細的分析產品或者文章。jQuery 影像旋轉外掛可以讓使用者從各種角度進行 360 度的影像展示,經常在電子商務網站上使用,幫助消費者更好的瞭解產品,從任意的一個角度觀察欣賞。

  在這篇文章中,我們收集了 13 款最佳的 jQuery 影像 360 度旋轉外掛,這些外掛都能進行 360 度影像旋轉展示。希望大家能從中找到自己喜歡的,並應用在自己的網站上。

 1. Reel

  Reel 是個已完成的專案,是個功能非常齊全的 jQuery 影像 360 度旋轉外掛。它利用新的技術使普通的影像標記變成一個全方位 360 度互動的物件電影,全景或者定格動畫。

 2. SpriteSpin

  Spritespin 是個 jQuery 外掛,允許在網頁上顯示 sprite 動畫。只需要使用者提供一組影像,或者一系列無縫的 sprite 列表,就可以逐幀顯示這些影像,然後生成動畫。線上演示

 3. The 360 Degree JavaScript Viewer

  The 360 degree Javascript viewer 是個 jQuery 外掛,用來展示一個漂亮的 360 度影像旋轉效果。線上演示

 4. jQuery Panorama Viewer

  jQuery Panorama Viewer 能幫助使用者嵌入全景圖片到使用者的網站上。需要達到這個效果,第一,使用者需要包括最新的 jQuery 庫,包括 jquery.panorama_viewer.js 和 panorama_viewer.css,然後把圖片加入到 HTML 的“panorama”類中。支援的現代主流的瀏覽器:Chrome, Firefox 和 Safari (桌面和移動端)。線上演示

 5. jQuery Threesixty

  jQuery Threesixty 是個很小的外掛,用來構建類似 flash 的全景影像,或者是很自然的影像的 360 ° 檢視展示。線上演示

 6. Ajax Zoom

  AJAX-ZOOM 是個獨特的“Flash” 免費工具來進行 360 度產品照片。使用者可以 360 度旋轉影像,同時可以顯示 3D 效果,進行深度縮放。這個外掛採用影像塊技術(影像堆積)來製作高解析度的影像。

 7. jQuery Image Cube

  jQuery Image Cube 是個 jQuery 外掛,可以在影像中分開旋轉,達到 360 ° 旋轉的效果。

 8. Flip

  Flip 是個 jQuery 外掛,允許從四個方向翻轉影像。

 9. Super Tiny jQuery 360 Degree Product Viewer

  Super Tiny jQuery 360 Degree Product Viewer 是個超輕量級的(只有 27 行 javaScript 程式碼,約為 1 kb)。這是個非常容易使用的 jQuery 外掛,允許使用者通過移動滑鼠來從 360 度來展示影像。

 10. 3dEye.js

  3dEye.js 是個輕量級的,快速的 jQuery 外掛,允許使用者通過影像來建立物件的 3D 檢視。它對移動端裝置和觸控裝置都非常友好,支援各種主流的瀏覽器。使用這個外掛,使用者可以使用滑鼠在網站上進行 360 度展示影像。

 11. Dopeless Rotate

  Dopeless Rotate 是款 jQuery 外掛,用來進行影像的 360 度旋轉展示,它包括縮放功能,支援觸控裝置,允許在同一個頁面使用多個外掛。

 12. 360 Degree Image Slide

360-image-slider

  360 Degree Image slider 是使用 JS ,CSS 和預渲染影像序列建立的,允許使用者使用簡單的滑鼠或者觸控事件來拖拽和圍繞 y 軸來旋轉 3D 物件。

 13. 360 Slider

  ThreeSixty Image Slider Plugin 是 jQuery 360 度影像旋轉外掛。這個外掛可以使用數字選項來進行自定義,可以顯示影像任意方位的 360 旋轉效果。

  via codegeekz.com

相關文章