圖片放大鏡
懸停或觸控即可放大任意圖片
指定你的圖片(data-selector),元件會為其加上電商式放大鏡:當訪客在圖片上移動游標時,放大鏡會跟隨游標並放大該處。可調整放大倍率(data-zoom)、鏡片大小(data-lens)與形狀(data-shape:circle 或 square)。同樣支援觸控,用手指滑過圖片即可查看細節。它使用純 CSS 背景縮放,因此沒有畫布像素讀取、沒有跨來源汙染,宿主樣式也保持隔離。 按網站的固定訂閱,每月 1 或每年 10 積分(使用共用積分支付)。訂閱期間 圖片 的發佈數量不受限制。
示範
預覽
懸停(或觸控)圖片 → 放大鏡跟隨游標放大該處細節
接入設定
同一個載入器(bootsignal.js)也驅動你的其他元件。執行該元件需要有效訂閱。為獲得最清晰的放大效果,請將 data-selector 指向高解析度圖片。
價格
價格為按網站的固定訂閱:每月 1 · 每年 10 積分(按年約省兩個月)。發佈 圖片(寫入)需要有效訂閱,訂閱期間不按次計費、無限使用。使用共用積分支付(於 accounts.mrlatte.net 儲值),可在儀表板中關閉自動續訂。 查看完整定價 →