一、簡介 Viewer.js 是一款強大的圖片查看器。 Viewer.js 有以下特點: 支持移動設備觸摸事件 支持響應式 支持放大/縮小 支持旋轉(類似微博的圖片旋轉) 支持水平/垂直翻轉 支持圖片移動 支持鍵盤 支持全屏幻燈片模式(可做屏保) 支持 ...
簡介 Viewer.js 是一款強大的圖片查看器。 Viewer.js 有以下特點: 支持移動設備觸摸事件 支持響應式 支持放大 縮小 支持旋轉 類似微博的圖片旋轉 支持水平 垂直翻轉 支持圖片移動 支持鍵盤 支持全屏幻燈片模式 可做屏保 支持縮略圖 支持標題顯示 支持多種自定義事件 Viewer.js 提供了純 JS 版本和 jQuery 版本,版本名字雖然一樣,但代碼不一樣,不能通用。 下載 ...
2019-09-10 09:49 0 2927 推薦指數:
一、簡介 Viewer.js 是一款強大的圖片查看器。 Viewer.js 有以下特點: 支持移動設備觸摸事件 支持響應式 支持放大/縮小 支持旋轉(類似微博的圖片旋轉) 支持水平/垂直翻轉 支持圖片移動 支持鍵盤 支持全屏幻燈片模式(可做屏保) 支持 ...
://fengyuanchen.github.io/viewer/ 基本使用方法: 1.引入文件 <lin ...
分為兩個版本,一個是js版本,一個是jquery版本 viewer.js 可以自行去下載 官網的下載路徑 https://viewerjs.org/getit/ 注意版本不同,有的版本不支持點擊除圖片和按鈕外的空白處自動關閉放大的功能 先看圖片放大的效果 一、先說js版本 ...
最近在幫同事在舊系統增加功能時又接觸到viewer.js,其中踩了些坑,直到跟蹤到源碼才找到解決方法。 舊系統是N年前的系統,采用jquery+自研發的UI進行的開發,其中引入了一些插件,其中圖片預覽就是采用的viewer.js。之前上傳的文件只有圖片,所以預覽並沒什么問題,新需求中要求 ...
最近在寫一個移動端項目,遇到這么一個需求,在某個頁面內點擊圖片進行預覽,並可以實現放大縮小的功能。於是我查找了很多資料,自己整理了一個Demo,以便日后用得到。 先上效果圖 我放的效果圖是模擬移動端測的,該插件同樣適用於PC端。 引用 需要引用的文件 ...
viewer GitHub 地址: JS 版本:https://github.com/fengyuanchen/viewerjs jQuery 版本:https://github.com/fengyuanchen/viewer ...
1.js和css文件的引入 viewer.js有jq和js兩種,使用的方法也不同,我這里引入的是js這種,下面寫的也是js的使用 點擊下載 2.viewer.js的使用 2.1.一張圖片 這樣寫的話,就相當於在你的圖片上加了一個點擊事件,點擊一下圖片就觸發 ...
簡介 Viewer.js 是一款強大的圖片查看器 Viewer.js 有以下特點: 支持移動設備觸摸事件 支持響應式 支持放大/縮小 支持旋轉(類似微博的圖片旋轉) 支持水平/垂直翻轉 支持圖片移動 支持鍵盤 支持全屏幻燈片模式(可做屏保) 支持縮略圖 ...