
內容簡介
GalleriomJS 可以讓您創建漂亮的相片輪播。它的目標是與預設的 WP 相片庫類似,通過所見即所得的編輯器使用。它使用純JS(ES6)、CSS3和HTML構建,不需要依賴項,因此不會加載或添加額外的檔案。
GalleriomJS 不會覆蓋預設的 WP 相片庫短代碼,而是對圖片進行包裝。
基本選項
使用以下短代碼創建相片庫:
[galleriom][/galleriom]
1. 響應式相片庫
這是默認版本。
範例:
[galleriom width="100%" height="100%"][/galleriom]
設置固定寬度和高度
如果您希望為相片庫使用定義好的寬度和高度,只需在短代碼中包括尺寸即可。
範例:
[galleriom width="400" height="400"][/galleriom]
預設寬度設置為100%,高度設置為400像素。
啟用或禁用縮略圖
縮略圖可以切換。預設值為啟用,但您可以輕鬆禁用。
範例,啟用縮略圖:
[galleriom thumbs="true"][/galleriom]
禁用縮略圖範例:
[galleriom thumbs="false"][/galleriom]
圖像適配
預設值為COVER,但您可以在5個選項中進行選擇:
* 包含
* 覆蓋
* 填充
* 縮小
* 無
範例:
[galleriom width=”100%” height=”400″ fit=”contain”][/galleriom]`
外掛標籤
開發者團隊
原文外掛簡介
GalleriomJS lets you create a beautiful gallery slideshow. It’s goal is to be used similar to default WP gallery – via WYSIWYG editor. Built in pure JS(ES6), CSS3 and HTML. It is dependency free, so no additional files are loaded or added.
GalleriomJS won’t override default WP gallery shortcode but instead it acts as a wrapper for images.
BASIC OPTIONS
Gallery is created with shortcode:
[galleriom][/galleriom]
1. RESPONSIVE GALLERY
This is default version.
Example:
[galleriom width="100%" height="100%"][/galleriom]
SETTING FIXED WIDTH AND HEIGHT
If you wish to use defined width and height for gallery, you can just include dimensions in shortcode.
Example:
[galleriom width="400" height="400"][/galleriom]
By the default settings width is set to 100% and height is set to 400px.
ENABLING OR DISABLING THUMBNAILS
Thumbs can be toggled. Default value is ENABLED, but you can easily disabled.
Example thumbs ON:
[galleriom thumbs="true"][/galleriom]
Example thumbs OFF:
[galleriom thumbs="false"][/galleriom]
IMAGE FIT
Default value is COVER, but you can choose within 5 options:
* contain
* cover
* fill
* scale-down
* none
Example:
[galleriom width=”100%” height=”400″ fit=”contain”][/galleriom]`
