前言介紹
- 這款 WordPress 外掛「JJ NextGen JQuery Slider」是 2011-01-23 上架。
- 目前有 1000 個安裝啟用數。
- 上一次更新是 2017-11-28,距離現在已有 2713 天。超過一年沒更新,安裝要確認版本是否可用。以及後續維護問題!
- 外掛最低要求 WordPress 2.8 以上版本才可以安裝。
- 有 4 人給過評分。
- 還沒有人在論壇上發問,可能目前使用數不多,還沒有什麼大問題。
外掛協作開發者
jjcoder |
外掛標籤
image | photo | gallery | picture | widgets |
內容簡介
’ x ‘thumbnail image height’ + ‘thumbnails container padding’. (sc: thumbscontainerheight=”60″)
captionOpacity: (sc: captionopacity=”setting”)
Examples:
Display nivo slider with all galleries and random order: [JJ-NGG-jQuery-Slider]
Display nivo slider with all galleries but sorted by ID ascending: [JJ-NGG-jQuery-Slider order=”asc”]
Display nivo slider for one gallery: [JJ-NGG-jQuery-Slider gallery=”1″]
Display nivo slider for one gallery and tag: [JJ-NGG-jQuery-Slider gallery=”1″ tags=”tag1, tag2″]
Display nivo slider for one gallery with specified width and height: [JJ-NGG-jQuery-Slider gallery=”1″ width=”500″ height=”300″]
原文外掛簡介
The ‘JJ NextGen JQuery Slider’ allows you to create a ‘Nivo slider’ (http://nivo.dev7studios.com/) as a widget or as a shortcode.
This plugin uses the ‘NextGen Gallery’ plugin for its images.
Requirements:
NextGen Gallery Plugin (https://wordpress.org/extend/plugins/nextgen-gallery/)
NextGen Gallery Integration:
This plugin uses the original width and height of the image uploaded so make sure the images are the correct dimensions when uploaded.
Alt & Title Text Field: Provide a full url here and the image will link to this. Only works if alt field starts with either of these; /, http, or ftp.
Description Field: Will be used as a caption.
You can specify the following parameters:
NOTE: sc means shortcode:
Title: Title for slider. Leave blank for no title. (sc: title=”My Slider”)
Gallery: Leave blank to use all galleries or choose a gallery to use. (sc: gallery=”galleryid”)
Order: Order to display results in. You can choose; Random, Latest First, Oldest First, or NextGen Sortorder. Random will still work when a page is cached. (sc: order=”random”|”asc”|”desc”|”sortorder”)
Tags: comma separated list of tags to filter results by. (sc: tags=”tag1, tag2″)
Shuffle: If order is random and this is true will shuffle images with javascript. Useful if your are caching your pages. (sc: shuffle=”true”|”false”)
Max pictures: The maximum amount of pictures to use. (sc: max_pictures=”6″)
HTML id: HTML id to use. Defaults to ‘slider’. Needs to be different for multiple sliders on same page. (sc: html_id=”slider”)
Width: Width to use on slider. (sc: width=”200″)
Height: Height to use on slider. (sc: height=”150″)
Center: Centers content in container. Requires width to be set. (sc: center=”1″)
Nivo slider settings:
Please check the Nivo slider home page for more details (http://nivo.dev7studios.com/#usage).
effect: Specify sets like: ‘fold,fade,sliceDown’. (sc: effect=”setting”)
slices: (sc: slices=”setting”)
boxCols: (sc: boxcols=”setting”)
boxRows: (sc: boxrows=”setting”)
animSpeed: Slide transition speed. (sc: animspeed=”setting”)
pauseTime: (sc: pausetime=”setting”)
startSlide: Set starting Slide (0 index). (sc: startslide=”setting”)
directionNav: Next & Prev. (sc: directionnav=”setting”)
directionNavHide: Only show on hover. (sc: directionnavhide=”setting”)
controlNav: 1,2,3… (sc: controlnav=”setting”)
controlNavThumbs: Use thumbnails for Control Nav. You can choose ‘nextgen thumbs” that will automatically use the image’s thumbnail from nextgen gallery or ‘nextgen original’ that will use the current image. (sc: controlnavthumbs=”true”|”false”|”nextgen_thumbs”|”nextgen_original”)
thumbsWidth: Resize thumbnail to this width. Recommended to set if using thumbnails. (sc: thumbswidth=”20″)
thumbsHeight: Resize thumbnail to this height. Recommended to set if using thumbnails. (sc: thumbsheight=”20″)
thumbsContainerHeight: Height for thumbnails container. Calculation should be ‘number of thumbnail image rows’ x ‘thumbsheight’. (sc: thumbscontainerheight=”20″)
thumbsGap: Gap between thumbnails. (sc: thumbsgap=”5″)
controlNavThumbsFromRel: Use image rel for thumbs. (sc: controlnavthumbsfromrel=”setting”)
controlNavThumbsSearch: Replace this with… (sc: controlnavthumbssearch=”setting”)
controlNavThumbsReplace: …this in thumb Image src. (sc: controlnavthumbsreplace=”setting”)
keyboardNav: Use left & right arrows. (sc: keyboardnav=”setting”)
pauseOnHover: Stop animation while hovering. (sc: pauseonhover=”setting”)
manualAdvanc: Force manual transitions. (sc: manualadvance=”setting”)
captionOpacity: Universal caption opacity. (sc: captionopacity=”setting”)
Disable captions: (sc: disablecaptions=”1″)
beforeChange: (sc: beforechange=”setting”)
afterChange: (sc: afterchange=”setting”)
slideshowEnd: Triggers after all slides have been shown. (sc: slideshowend=”setting”)
lastSlide: Triggers when last slide is shown. (sc: lastslide=”setting”)
afterLoad: Triggers when slider has loaded. (sc: afterload=”setting”)
Nivo Effects:
sliceDown
sliceDownLeft
sliceUp
sliceUpLeft
sliceUpDown
sliceUpDownLeft
fold
fade
random
slideInRight
slideInLeft
boxRandom
boxRain
boxRainReverse
boxRainGrow
boxRainGrowReverse
Shortcodes:
[jj-ngg-jquery-slider html_id=”about-slider”]
[jj-ngg-jquery-slider title=”Hello” gallery=”1″ html_id=”about-slider” width=”200″ height=”150″ center=”1″]
[jj-ngg-jquery-slider html_id=”about-slider” directionnav=”false” controlnav=”false”]
Try out my other plugins:
JJ NextGen JQuery Carousel (https://wordpress.org/extend/plugins/jj-nextgen-jquery-carousel/)
JJ NextGen JQuery Cycle (https://wordpress.org/extend/plugins/jj-nextgen-jquery-cycle/)
JJ NextGen Unload (https://wordpress.org/extend/plugins/jj-nextgen-unload/)
JJ NextGen Image List (https://wordpress.org/extend/plugins/jj-nextgen-image-list/)
JJ SwfObject (https://wordpress.org/extend/plugins/jj-swfobject/)
Contributors
各版本下載點
- 方法一:點下方版本號的連結下載 ZIP 檔案後,登入網站後台左側選單「外掛」的「安裝外掛」,然後選擇上方的「上傳外掛」,把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
- 方法二:透過「安裝外掛」的畫面右方搜尋功能,搜尋外掛名稱「JJ NextGen JQuery Slider」來進行安裝。
(建議使用方法二,確保安裝的版本符合當前運作的 WordPress 環境。
1.0.0 | 1.0.2 | 1.0.3 | 1.0.4 | 1.0.5 | 1.0.6 | 1.0.7 | 1.0.8 | 1.0.9 | 1.1.0 | 1.1.2 | 1.1.3 | 1.1.4 | 1.1.5 | 1.1.6 | 1.1.7 | 1.1.8 | 1.1.9 | 1.2.0 | 1.2.1 | 1.2.2 | 1.2.3 | 1.2.4 | 1.2.5 | 1.2.6 | 1.2.7 | 1.2.8 | 1.2.9 | 1.3.0 | 1.3.1 | 1.3.2 | 1.3.3 | 1.3.4 | 1.3.5 | 1.3.6 | 1.3.7 | 1.3.8 | 1.3.9 | trunk |
延伸相關外掛(你可能也想知道)
Firelight Lightbox 》Easy FancyBox WordPress外掛為您的網站提供靈活美觀的光箱解決方案,幾乎適用於網站上的所有媒體連結。Easy FancyBox使用更新的傳統FancyBox jQuery擴展版本...。
ACF Photo Gallery Field 》t; 'Status', , 'name' => 'status', , 'choices' => array(, 'public' => 'Public', , 'private' => ...。
LightPress Lightbox 》這個外掛讓你保留了超棒的 Lightbox 2功能,卻移除了Prototype框架和Scriptaculous效果庫的大部分體積。, Warren Krewenki將Lightbox移植到了jQuery,而這個...。
Image Watermark 》Image Watermark 外掛能讓您自動給 WordPress 媒體庫上傳的圖片打上浮水印,也可大量添加浮水印到之前上傳的圖片之中。, 欲進一步瞭解,請前往dFactory的外掛...。
Easy Watermark 》Easy Watermark 可以在圖片上傳到 WordPress 媒體庫時自動加上浮水印。您還可以手動添加浮水印到現有的圖片(全部一次或每個圖片)。浮水印可以是圖像、文字...。
WP Photo Album Plus 》此外掛不僅僅是一個相簿外掛,更是一個完整且高度自訂的多媒體內容管理和展示系統。, 特色包括:, , 任意數量的相簿,包含任意類型的多媒體檔案,以及子相簿,...。
Advanced Image Styles 》在 WordPress 的可視化編輯器中輕鬆調整圖片的邊界和邊框。。
Import External Images 》此外掛會將文章中所有連結的圖片下載到本地並該圖片添加至相簿附件中。, 特色功能, 感謝, 此外掛是基於 http://www.bbqiguana.com/ 的「Add Linked Images to...。
WP Paint – WordPress Image Editor 》WP Paint – WordPress Image Editor 是一個基於瀏覽器的 HTML5 影像編輯器,可以用於 WordPress 的媒體圖像。它有一個直觀的界面,與大多數常見的桌面...。
WP Colorbox 》WordPress Colorbox 外掛是一個簡單的 Lightbox 工具,適用於 WordPress。它使用受歡迎的 jQuery ColorBox 庫,允許用戶在 Lightbox 中彈出內容。用戶還可以...。
Flickr Justified Gallery 》這個外掛讓你可以在部落格中以非常優雅且炫酷的佈局方式,顯示你的 Flickr 照片流、相簿、畫廊、群組池或標籤。, 創建一個具有 Flickr 或 Google+ 相同風格的...。
Easy Image Collage 》使用 Easy Image Collage 輕鬆地將響應式圖片拼貼網格添加到您的文章、頁面或任何自定義文章類型中。類似於 Diptic、Pic Jointer 和 Instagram Layouts 等應...。
Faster Image Insert 》Faster Image Insert 的目標是執行一項正確的事情:, 將內建的媒體管理器下移至一個元框中,直接放在主編輯面板旁邊,讓您完全掌握管理器:打開它,使它折疊...。
Import external attachments 》此外掛會製作文章中所有連結圖片與 PDF 的本機複本,並將它們新增為圖片集附件。, 來源與支援:, https://github.com/ryanpcmcquen/import-external-attachme...。
WP-SimpleViewer 》WP-SimpleViewer外掛讓你能夠輕鬆地在WordPress中創建SimpleViewer圖庫。 SimpleViewer是一款免費、可自定義的Flash圖片庫。圖片和說明文字可以從WordPress媒...。