內容簡介
此外掛可為「NextGen Gallery」增加「sliderview」範本。使用簡碼 [nggallery id=x template=”sliderview”] 來將圖像顯示為滑块。您可在「設定」->「NextGen Slider」中更改主題、在圖像和內容滑块之間切換,以及更改圖像或內容區域的寬度。
如果您不確定如何設置此滑块,請閱讀我們在 創建和使用圖庫範本 上的教程。
說明文件 | 支援
注意:它需要從 https://wordpress.org/extend/plugins/nextgen-gallery 下載的「NextGen Gallery」外掛。
注意:由於時間限制,我無法更新或修復問題。所以,我決定將其存儲在 GitHub 上。如果有人修復問題,請花時間更新存儲庫。謝謝
NextGEN Flex Slider Template
屬性
這些屬性僅在文章/頁面內容使用簡碼時有效。
theme:
(string) (選擇性) 滑块的主題
可能的值:「black」、「blue」或「grey」
display_content:
(boolean) (選擇性) 在內容和圖像滑块之間切換。
可能的值:0 或 1
order:
(string) (選擇性) 選擇圖像的順序。
可能的值:empty 或「random」
slideshow_speed:
(numeric) (選擇性) 動畫的延遲時間。
可能的值:任何數值
direction_nav:
(boolean) (選擇性) 啟用或禁用上一步/下一步導航箭頭
可能的值:0 或 1
pagination:
(boolean) (選擇性) 啟用或禁用底部的分頁標題
可能的值:0 或 1
image_width:
(string) (選擇性) 設置圖像的寬度
可能的值:100px、100%或 80% 等
text_width:
(string) (選擇性) 設置內容區域的寬度(在內容滑块的情況下)
可能的值:100px 或 20% 等
link_title:
(boolean) (選擇性) 啟用或禁用是否應該連接標題(對於內容滑塊)。請參考 [這篇教程](http://wpdevsnippets/linking-image-and-title-nextgen-flex-slider-template "Linking Flex Sliders") 進行設置。
可能的值:0 或 1
link_image:
(boolean) (選擇性) 啟用或禁用是否應該連接圖像。請參考 [這篇教程](http://wpdevsnippets/linking-image-and-title-nextgen-flex-slider-template "Linking Flex Sliders") 進行設置。
可能的值:0 或 1
link_new_window:
(boolean) (選擇性) 啟用以在新窗口中打開滑塊的 URL。請參考 [這篇教程](http://wpdevsnippets/linking-image-and-title-nextgen-flex-slider-template "Linking Flex Sliders") 進行設置。
可能的值:0 或 1
background:
(string) (選擇性) 設置滑塊的背景顏色
可能的值:任何有效的 HTML 代碼。#fff 或 #23423f 或白色或黑色
use_width_for_img_slider:
(boolean) (選擇性) 對於圖像滑塊也使用指定的 img_width。
可能的值:0 或 1
disable_img_stretching:
(boolean) (選擇性) 圖像滑塊中的圖像設置為 100% 寬度,這可能會導致小尺寸或縱向尺寸圖像的拉伸。請啟用此選項以修復此問題。
可能的值:0 或 1
外掛標籤
開發者團隊
② 後台搜尋「Responsive NextGEN Flex Slider Template」→ 直接安裝(推薦)
原文外掛簡介
This plugin adds “sliderview” template for the NextGen gallery. Use the shortcode [nggallery id=x template=”sliderview”] to display images as the slider. You can visit Settings -> NextGen Slider to select theme, toggle between image and content slider and change width of the image or content area.
If you are not sure how to set up this slider please read our tutorial on creating and using gallery templates
Documentation | Support
Note: It requires NextGen Gallery plugin that can be downloaded from https://wordpress.org/extend/plugins/nextgen-gallery.
Note: Due to time constraints, I am not able to update or fix issues. So, I decided to host it on GitHub. If anyone fixes an issue, please take time to update the repository. Thanks
NextGEN Flex Slider Template
Attributes
These will work only when shortcode is used on post/page contents.
theme:
(string) (optional) Theme of the slider
Possible Values: 'black', 'blue' or 'grey'
display_content:
(boolean) (optional) Toggle between content and image slider.
Possible Values: 0 or 1
order:
(string) (optional) Select order of the images.
Possible Values: empty or "random"
slideshow_speed:
(numeric) (optional) Delay in animation
Possible Values: Any numeric value
direction_nav:
(boolean) (optional) Enable or disable next/prev navigation arrows
Possible Values: 0 or 1
pagination:
(boolean) (optional) Enable or disable pagination bullets at bottom
Possible Values: 0 or 1
image_width:
(string) (optional) Set width of the images
Possible Values: 100px or 100% or 80% etc
text_width:
(string) (optional) Set width of the content area (in case of content slider)
Possible Values: 100px or 20% etc
link_title:
(boolean) (optional) Enable or disable whether title should be linked or not (for content slider). Please follow [this tutorial](http://wpdevsnippets/linking-image-and-title-nextgen-flex-slider-template "Linking Flex Sliders") to set it up
Possible Values: 0 or 1
link_image:
(boolean) (optional) Enable or disable whether image should be linked or not. Please follow [this tutorial](http://wpdevsnippets/linking-image-and-title-nextgen-flex-slider-template "Linking Flex Sliders") to set it up
Possible Values: 0 or 1
link_new_window:
(boolean) (optional) Enable to open slider url to be opened in a new window. Please follow [this tutorial](http://wpdevsnippets/linking-image-and-title-nextgen-flex-slider-template "Linking Flex Sliders") to set it up
Possible Values: 0 or 1
background:
(string) (optional) Set background color of the slider
Possible Values: Any valid HTML Code. #fff or #23423f or white or black
use_width_for_img_slider:
(boolean) (optional) To use the specifed img_width for image slider too.
Possible Values: 0 or 1
disable_img_stretching:
(boolean) (optional) Images in image slider are set to 100% width which may cause stretch for small or portrait size images. Please enable this option to fix it.
Possible Values: 0 or 1
Usage
[nggallery id=x template=”sliderview” direction_nav=”0″]
