[WordPress] 外掛分享： Parallax Scrolling Enllax.js

內容簡介

Enllax.js 互動滾動特效外掛程式

這款外掛程式極為輕量、易用，適用於任何可以滾動的元素上添加互動滾動特效。您可以為背景元素設置互動滾動特效，也可以設置垂直或水平方向的滾動效果。

範例

短代碼範例

外部圖像：
[enllax xclass=”enllax” offset=”0″ direction=”horizontal” speed=”0.8″ img=”圖像網址”]
您的內容。
[enllaxend]

內部圖像（特色圖像和內容）：
[enllax_post postid=”1″ xclass=”enllax” offset=”0″ direction=”horizontal” speed=”0.8″]

xclass：CSS 類別名稱（預設: enllax）
offset：背景位移量（預設: 0）
direction：垂直（預設）或水平
speed：使用數字值作為滾動速度的乘數來允許背景圖像移動，數字越小速度越慢，1 為正常速度（預設值: 0.5）
img：互動滾動背景圖片網址

外掛標籤

開發者團隊

原文外掛簡介

Parallax Scrolling Effect by Enllax.js
An ultra-lightweight and super easy to use plugin for applying parallax scrolling effect to any scrolling element. You can set parallax scrolling effects to background elements, and also in both directions (vertically or horizontally)
Demo
Shortcode example
With external image:
[enllax xclass=”enllax” offset=”0″ direction=”horizontal” speed=”0.8″ img=”image url”]
Your content.
[enllaxend]
With internal image (featured image and content):
[enllax_post postid=”1″ xclass=”enllax” offset=”0″ direction=”horizontal” speed=”0.8″]
xclass: CSS class name (default: enllax)
offset: background offset in pixel (default: 0)
direction: vertical (default) or horizontal
speed: to allow background image to move with different speed, just use a data attribute with a numeric value as a multiplier for scrolling speed, less is slower and 1 is normal (default value: 0.5)
img: Parallax background image url