圖片放大鏡
懸停或觸控即可放大任意圖片
指定你的圖片(data-selector),元件會為其加上電商式放大鏡:當訪客在圖片上移動游標時,放大鏡會跟隨游標並放大該處。可調整放大倍率(data-zoom)、鏡片大小(data-lens)與形狀(data-shape:circle 或 square)。同樣支援觸控,用手指滑過圖片即可查看細節。它使用純 CSS 背景縮放,因此沒有畫布像素讀取、沒有跨來源汙染,宿主樣式也保持隔離。 包含在 Mr. Latte 會員中(最多 2 個網站使用全部小工具)。會員期間 圖片 的發佈數量不受限制。
示範
預覽
懸停(或觸控)圖片 → 放大鏡跟隨游標放大該處細節
接入設定
同一個載入器(bootsignal.js)也驅動你的其他元件。執行該元件需要有效訂閱。為獲得最清晰的放大效果,請將 data-selector 指向高解析度圖片。
價格
價格只有一個 Mr. Latte 會員。成為會員後最多 2 個網站可使用全部小工具,其他 Mr. Latte 服務的付費功能也一併開放。發佈 圖片(寫入)需要會員資格,發佈數量不受限制,訪客閱讀永遠免費。查看價格、加入與管理都在 accounts.mrlatte.net 進行。 查看完整定價 →