【圖片燈箱】不用費力更改網頁結構。借用google流量?不僅支援原生圖片連結,更支援google雲端硬碟的燈箱辨識!

簡單才是不簡單

只要加入一個class就能自動辨識底下是否連結圖片、雲端圖片連結。是否有過套用其他的燈箱外掛經驗,往往要配合大量的結構書寫,只要在指定的div區域加上「.raina-lightboximg」就能自動往子元素辨識誰連結的是圖片,順利啟動燈箱效果。

簡化的美學:減法

根據經驗而開發,燈箱不用太複雜,我們就只是要看圖片放大效果而已。簡化的美學,使用減法則學,留下最重要的,去除繁雜的結構設定,讓設計師、工程師套用時非常方便,不需要刻意配合修改結構。

套用仿間JS外掛最麻煩的就是要配合修改其結構,倘若結構不符合,就無法使用。仿間提供很多選項供應設定,事實上我們要的真的不多。

google雲端外連圖片無法辨識,刻意針對google生成的圖片位置進行辨識,當然每個人的辨識方法不同,必須搭配我們的雲端硬碟圖片轉換器,才能成功辨識。

⬇︎以下是Raina提供的雲端相簿管理器

解決問題

簡化html構造的燈箱開發速度。

備註說明

另外還有開發針對指定DIV開啟燈箱外掛,倘若有密碼對話窗彈出需求、警告訊息需求、網站告示等等、甚至為了節約版面的影片彈出都可以套用。