怎么使用magnificent js

本篇內容介紹了“怎么使用magnificent js”的有關知識，在實際案例的操作過程中，不少人都會遇到這樣的困境，接下來就讓小編帶領大家學習一下如何處理這些情況吧！希望大家仔細閱讀，能夠學有所成！

　　magnificent.js是一款響應式jQuery圖片放大鏡插件。該圖片放大鏡插件提供2種圖片縮放模式：圖片內部縮放和圖片外部縮放。并且可以在圖片上使用鼠標滾輪來對圖片進行局部縮放。

　　magnificent.js簡要教程

　　magnificent.js是一款響應式jQuery圖片放大鏡插件。該圖片放大鏡插件提供2種圖片縮放模式：圖片內部縮放和圖片外部縮放。并且可以在圖片上使用鼠標滾輪來對圖片進行局部縮放。

　　安裝

　　可以通過npm或bower來安裝magnificent.js圖片放大鏡插件。

　　bowerinstallmagnificent--save

　　npmimagnificent--save

　　magnificent.js使用方法

　　該插件下載后有幾個可選的外部依賴庫，用于完成特定的功能：

　　jquery.mousewheel.js：用于鼠標滾動局部縮放或移動touchpad-pinch縮放。

　　jquery.event.drag.js：用于拖放交互。

　　screenfull.js：用于全屏顯示。

　　hammer.js：用于移動觸摸交互（平移或pinch）。

　　PreventGhostClick.js：用于移動觸摸交互（平移或pinch）。

　　<scriptsrc="bower_components/jquery/dist/jquery.js"></script>

　　<scriptsrc="bower_components/jquery-bridget/jquery.bridget.js"></script>

　　<scriptsrc="bower_components/jquery-mousewheel/jquery.mousewheel.js"></script>

　　<scriptsrc="bower_components/jquery.threedubmedia/event.drag/jquery.event.drag.js"></script>

　　<scriptsrc="bower_components/screenfull/dist/screenfull.js"></script>

　　<scriptsrc="bower_components/hammerjs/hammer.js"></script>

　　<scriptsrc="bower_components/prevent-ghost-click/PreventGhostClick.js"></script>

“怎么使用magnificent js”的內容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關的知識可以關注億速云網站，小編將為大家輸出更多高質量的實用文章！