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

前言介紹

  • 這款 WordPress 外掛「JJ NextGen JQuery Cycle」是 2011-01-23 上架。
  • 目前有 300 個安裝啟用數。
  • 上一次更新是 2011-03-07,距離現在已有 5173 天。超過一年沒更新,安裝要確認版本是否可用。以及後續維護問題!
  • 外掛最低要求 WordPress 2.8 以上版本才可以安裝。
  • 有 1 人給過評分。
  • 還沒有人在論壇上發問,可能目前使用數不多,還沒有什麼大問題。

外掛協作開發者

jjcoder |

外掛標籤

image | photo | gallery | picture | widgets |

內容簡介

‘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

原文外掛簡介

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

各版本下載點

  • 方法一:點下方版本號的連結下載 ZIP 檔案後,登入網站後台左側選單「外掛」的「安裝外掛」,然後選擇上方的「上傳外掛」,把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
  • 方法二:透過「安裝外掛」的畫面右方搜尋功能,搜尋外掛名稱「JJ NextGen JQuery Cycle」來進行安裝。

(建議使用方法二,確保安裝的版本符合當前運作的 WordPress 環境。


1.0.0 | 1.0.1 | 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.1 | 1.1.2 | trunk |

延伸相關外掛(你可能也想知道)

  • One Click Demo Import 》這個外掛的最佳功能在於主題作者可以在他們的主題中定義導入文件,所以所有使用該主題的用戶只需點擊「導入演示數據」按鈕即可。, , 你是主題作者嗎?, 為你...。
  • Premium Addons for Elementor 》使用超過60個高度可自訂的外掛和小工具以及400多個預製範本,讓你能夠無需編碼更快地建立複雜的網站,提升你的Elementor頁面建構器的能力。Elementor和Premiu...。
  • Ocean Extra 》mplates IMPORT, With Ocean Extra, you get access to a wide range of both free and premium website templates to import to your website with a single...。
  • SiteOrigin Widgets Bundle 》rdPress website since 2013. Our Widgets Bundle is actively developed and regularly updated to ensure compatibility with the latest WordPress update...。
  • Jeg Elementor Kit 》這是為了 Elementor 頁面建構器所設計的額外小工具,它包含 40 種高度可自訂的小工具。, 必要小工具, 我們提供小工具,您可以按照自己的需求進行自訂。, , 手...。
  • Blocksy Companion 》Blocksy Companion 是一個外掛,將 Blocksy 主題轉化為強大的瑞士軍刀工具。, 只有在安裝並啟用 Blocksy 主題時,它才會運行並添加增強功能。, 最小需求, , W...。
  • WooSidebars 》使用 WooSidebars,您可以根據情境(例如特定頁面、特定博客文章、某些類別或搜尋結果屏幕)更改顯示在側邊欄(小部件區域)中的小部件。設置顯示在多個條件...。
  • Widget Importer & Exporter 》Widget Importer & Exporter 是一個有用的外掛,可將小工具從一個WordPress站點移動到另一個站點,備份小工具,並供主題開發人員為用戶提供範例小工具。...。
  • Unyson 》, 您覺得這款外掛有幫助嗎?請考慮給它一個五星評價。, , Unyson - 一個免費的拖放框架,附帶許多內建的擴充功能,可以協助您輕鬆快速地開發高級主題。, 贊助...。
  • Orbit Fox by ThemeIsle 》透過Orbit Fox,您可以使用各種模組擴充您的主題功能,例如社交媒體分享按鈕和圖示、自訂選單圖示、頁首和頁尾腳本、一鍵導入頁面模板、頁面建構器附加元件和...。
  • Widget CSS Classes 》Widget CSS Classes 可以讓您給 WordPress Widget 添加自定義的 class 和 id, 請注意,此外掛並不支援輸入自定義的 CSS。您需要修改主題的 style.css,或加入...。
  • Lightweight Sidebar Manager 》通常您會在網站上看到一個側邊欄,但有時需要在特定頁面上顯示相關的不同側邊欄。例如,在 WooCommerce 頁面上,顯示相關或熱門產品的側邊欄比最新評論或博客...。
  • Sidebar Widgets by CodeLights 》❗ 很抱歉,由於 SiteOrigin 的 widgets API 完全更改,CodeLights 不再支援 SiteOrigin Page Builder 的原生使用。解決方案:您仍然可以在純文字編輯器中創...。
  • Widget Context 》使用 Widget Context 外掛在網站的特定部分 (如首頁、文章、頁面、檔案、搜尋等) 中顯示或隱藏小工具。該外掛可支援使用 URL 定位來達到最大的彈性。, , 高級...。
  • UiCore Elements – Free Elementor widgets and templates 》```html, , , , ,

    UiCore Elements 外掛總結:

    ,

    UiCore Elements 是一個多功...。

文章
Filter
Apply Filters
Mastodon