[WordPress] 外掛分享: JJ NextGen JQuery Cycle

首頁外掛目錄 › JJ NextGen JQuery Cycle
200+
安裝啟用
★★★★★
5/5 分(1 則評價)
5492 天前
最後更新
問題解決
WordPress 2.8+ v1.1.2 上架:2011-01-23

內容簡介

‘JJ NextGen JQuery Cycle’ 可以讓您創建一個 ‘Cycle Lite’ (http://jquery.malsup.com/cycle/lite/),並可以將其做成小工具或短代碼。
這個外掛程式使用 ‘NextGen Gallery’ 外掛程式中的圖片。

要求:

NextGen Gallery Plugin (https://wordpress.org/extend/plugins/nextgen-gallery/)

NextGen Gallery 整合:

此外掛程式使用上傳的圖片的原始寬度和高度,所以在上傳時請確認圖片的尺寸正確。
如果在設定中定義了寬度和高度,則所有圖片都會被調整為這些尺寸(強烈建議這麼做)。
Alt和Title文本框: 在這裡提供完整的URL,圖片就會連結到此處。僅在alt字段以以下之一開頭時(/、http或ftp)才有效。
Description Field: 用作圖像alt文本。如果存在alt文本,但不是有效的URL alt文本,則用作圖像alt文本。

您可以指定以下參數:

注意:sc表示短代碼:

Title: 標題。不填空白即無標題。(sc:title=”My Cycle Lite”)
Gallery: 留空以使用所有畫廊或選擇要使用的畫廊。(sc:gallery=”galleryid”)
Order: 顯示結果的順序。您可以選擇;隨機、最新順序、最舊順序或NextGen Sortorder。當頁面被緩存時,隨機仍然有效。(sc:order=”random”|”asc”|”desc”|”sortorder”)
Shuffle: 如果順序是隨機且為true,則會使用javascript對圖像進行洗牌。如果在緩存頁面,則此功能很有用。(sc:shuffle=”true”|”false”)
Max pictures: 最多使用的照片數量。(sc:max_pictures=”6″)
HTML id: 要使用的HTML id。默認為‘cycle_lite’。對於同一頁面上的多個實例必須有所不同。(sc:html_id=”cycle_lite”)
Image width: 圖像寬度。默認為200。建議設置此項。(sc:width=”200″)
Image height: 圖像高度。默認為200。建議設置此項。若設置則防止浮動問題。(sc:height=”150″)
Center: 在容器中居中內容。需要設置寬度。(sc:center=”1″)

Cycle Lite 設定:

請查看cycle lite主頁獲取更多信息(http://jquery.malsup.com/cycle/lite/)。

timeout: 幻燈片轉換之間的毫秒數(0為禁用自動向前).. (sc:timeout=”4000″)
speed: 過渡速度(任何有效的fx速度值)。 (sc:speed=”1000″)
sync: 如果希望出現/消失轉換同時發生,請設為True。 (sc:sync=”1″)
fit: 強制投影片適應容器。 (sc:fit=”0″)
pause: 暫停停留時為True。 (sc:pause=”1″)
delay: 第一個過渡的額外延遲時間(在ms中)(提示:可以是負值)。 (sc:delay=”2)

短代碼範例:

[jj-ngg-jquery-cycle html_id=”about-cycle-lite” gallery=”1″ width=”200″ height=”150″]
[jj-ngg-jquery-cycle title=”Hello” html_id=”about-cycle-lite” gallery=”1″ timeout=”3000″ speed=”1000″]
[jj-ngg-jquery-cycle html_id=”about-cycle” gallery=”2″ width=”150″ height=”100″ timeout=”3000″ speed=”1000″ fit=”1″]

試試我的其他外掛程式:

JJ NextGen JQuer

外掛標籤

開發者團隊

⬇ 下載最新版 (v1.1.2) 或搜尋安裝

① 下載 ZIP → 後台「外掛 › 安裝外掛 › 上傳外掛」
② 後台搜尋「JJ NextGen JQuery Cycle」→ 直接安裝(推薦)
📦 歷史版本下載

原文外掛簡介

The ‘JJ NextGen JQuery Cycle’ allows you to create a ‘Cycle Lite’ (http://jquery.malsup.com/cycle/lite/) 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.
If a width and height are defined under the configuration all images will be resized to those dimensions (Highly recommended).
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 image alt text. If alt text is present but not a valid url alt text will be used instead for image alt text.

You can specify the following parameters:
NOTE: sc means shortcode:

Title: Title. Leave blank for no title. (sc: title=”My Cycle Lite”)
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”)
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 ‘cycle_lite’. Needs to be different for multiple instances on same page. (sc: html_id=”cycle_lite”)
Image width: Width of image. Defaults to 200. Recommended to set this. (sc: width=”200″)
Image height: Height of image. Defaults to 200. Recommended to set this. Will prevent a floating problem if set. (sc: height=”150″)
Center: Centers content in container. Requires width to be set. (sc: center=”1″)

Cycle Lite settings:
Please check the cycle lite home page form more information (http://jquery.malsup.com/cycle/lite/).

timeout: Milliseconds between slide transitions (0 to disable auto advance).. (sc: timeout=”4000″)
speed: Speed of the transition (any valid fx speed value). (sc: speed=”1000″)
sync: True if in/out transitions should occur simultaneously. (sc: sync=”1″)
fit: Force slides to fit container. (sc: fit=”0″)
pause: True to enable “pause on hover”. (sc: pause=”1″)
delay: Additional delay (in ms) for first transition (hint: can be negative). (sc: delay=”2)

Shortcode Examples:

[jj-ngg-jquery-cycle html_id=”about-cycle-lite” gallery=”1″ width=”200″ height=”150″]
[jj-ngg-jquery-cycle title=”Hello” html_id=”about-cycle-lite” gallery=”1″ timeout=”3000″ speed=”1000″]
[jj-ngg-jquery-cycle html_id=”about-cycle” gallery=”2″ width=”150″ height=”100″ timeout=”3000″ speed=”1000″ fit=”1″]

Try out my other plugins:

JJ NextGen JQuery Slider (https://wordpress.org/extend/plugins/jj-nextgen-jquery-slider/)
JJ NextGen JQuery Carousel (https://wordpress.org/extend/plugins/jj-nextgen-jquery-carousel/)
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

延伸相關外掛

文章
Filter
Apply Filters
Mastodon