
內容簡介
Featured Image Sharpen Up 是一個 WordPress 外掛,它會在頁面的 head 中製作出你的精選文章圖像的縮小版。當你往下滾動頁面時,使用 JavaScript 懶加載技術,在背景中加載並替換縮小版圖像為完整圖像。
你可能已經看過 Medium.com 上使用了類似的效果。
這個外掛是在 WordPress 4.4 上創建的,但應該適用於更早的版本。已在所有 Twenty Sixteen、Twenty Fifteen、Twenty Fourteen、Twenty Thirteen、Twenty Twelve 和 Twenty Eleven 主題上進行測試,應該適用於其他主題,但可能需要 CSS 調整,具體取決於主題對精選圖像的處理方式。
使用了 jQuery.Lazy(); ( http://jquery.eisbehr.de/lazy/ ) 和 Hugh Lashbrooke 的外掛模板 ( https://github.com/hlashbrooke/WordPress-Plugin-Template )
外掛頁面: Featured Image Sharpen Up plugin @ mabujo
外掛標籤
開發者團隊
原文外掛簡介
Featured Image Sharpen Up makes a tiny version of your featured post image and places it in the head of the page.
As you scroll down the page, some JavaScript lazy loads the featured images in the background and replaces the tiny images as the full images are loaded.
You may have seen a similar effect used for images on medium.com.
Created on WordPress 4.4, but should work on earlier versions.
Tested working on all Twenty Sixteen, Twenty Fifteen, Twenty Fourteen, Twenty Thirteen, Twenty Twelve and Twenty Eleven themes. Should work on other themes, but may need CSS adjustments, depending on theme handling of featured images.
Uses jQuery.Lazy(); (http://jquery.eisbehr.de/lazy/) and Hugh Lashbrooke’s plugin template (https://github.com/hlashbrooke/WordPress-Plugin-Template)
Plugin page : Featured Image Sharpen Up plugin @ mabujo
