內容簡介
‘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
