內容簡介
『JJ NextGen JQuery Carousel』外掛允許您創建一個JQuery輪播（http://sorgalla.com/projects/jcarousel/），可以當作小工具或使用shortcode方式。
此外掛使用『NextGen Gallery』外掛來顯示圖片。
先決條件：
NextGen Gallery 外掛（https://wordpress.org/extend/plugins/nextgen-gallery/）
NextGen Gallery 整合：
此外掛使用上傳圖片的原始寬度和高度，請確保上傳正確大小的圖片。
如果在配置中定義寬度和高度，所有圖片都會調整為這些維度（強烈建議）。
Alt & Title 文字欄位：在此提供完整的URL，圖像將鏈接到此處。僅當alt欄位以以下任一開頭時才有效； /，http或ftp。
說明文字欄位：將用作圖像alt文字。如果有alt文字但不是有效的url，則替代文字將用於圖像alt文字。
可以指定以下參數：
注意：sc代表shortcode：
標題：標題。空白為無標題。 （sc：title=”My Carousel”）
相簿：保留空白以使用所有相簿或選擇要使用的相簿。 （sc：gallery=”galleryid”）
排序：檢索項目的順序。你可以選擇；隨機，最新，最舊或NextGen Sortorder。當頁面緩存時，隨機仍然有效。 （sc：order=”random”|”asc”|”desc”|”sortorder”）
洗牌：如果order是隨機且為true，則會使用javascript隨機排列圖片。如果正在緩存頁面，這很有用。 （sc：shuffle=”true”|”false”）
最大圖片：要使用的最大圖片數。 （sc：max_pictures=”6″）
HTML id: HTML id。 預設為’jcarousel’。 多個實例在同一頁面上需要不同。 （sc：html_id=”jcarousel”）
皮膚類：使用的外觀類。 預設使用tango皮膚。 （sc：skin_class=”jcarousel-skin-tango”）
圖片寬度：圖片寬度。 預設為75。 （sc：width=”200″）
圖片高度：圖片高度。 預設為75。 （sc：height=”150″）
圖片間距：圖片間的間距。 （sc：gap=”5″）
JCarousel 設置：
有關更多詳細信息，請檢查JCarousel首頁（http://sorgalla.com/projects/jcarousel/#Configuration）。
vertical：指定輪播在水平還是垂直方向上顯示。將輪播從左/右樣式更改為上/下樣式輪播。 （sc：vertical=”setting”）
rtl：指定輪播是否以RTL（從右到左）模式出現。 （sc：rtl=”setting”）
start：起始項目的索引。（sc：start=”setting”）
offset：在初始化時可用的第一個項目的索引。（sc：offset=”setting”）
size：如果未明確傳遞大小，現有元素的大小將使用總項目數。 （sc：size=”setting”）
scroll：滑動的項目數。（sc：scroll=”setting”）
visible：如果傳遞，將根據剪輯的寬度/高度計算並設置項目的寬度/高度，以便正好顯示該數量的項目。（sc：visible=”setting”）
animation：捲動動畫的速度，以jQuery術語的字符串（“slow”或“fast”）或毫秒數作為整數（參見jQuery文檔）。如果設置為0，則關閉動畫。 （sc：animation=”setting”）
easing：捲動動畫的速度。以jQuery術語的字符串（“slow”或“fast”）或以毫秒表示的整數（請參閱jQuery文檔）。如果設置為0，則關閉動畫。 （帶上這裡'）
外掛標籤
開發者團隊
📦 歷史版本下載
原文外掛簡介
The ‘JJ NextGen JQuery Carousel’ allows you to create a ‘JCarousel’ (http://sorgalla.com/projects/jcarousel/) 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 Carousel”)
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 ‘jcarousel’. Needs to be different for multiple instances on same page. (sc: html_id=”jcarousel”)
Skin class: Class of skinning to use. Defaults to use the tango skin. (sc: skin_class=”jcarousel-skin-tango”)
Image width: Width of image. Defaults to 75. (sc: width=”200″)
Image height: Height of image. Defaults to 75. (sc: height=”150″)
Image gap: Gap between images. (sc: gap=”5″)
JCarousel settings:
Please check the JCarousel home page for more details (http://sorgalla.com/projects/jcarousel/#Configuration).
vertical: Specifies wether the carousel appears in horizontal or vertical orientation. Changes the carousel from a left/right style to a up/down style carousel. (sc: vertical=”setting”)
rtl: Specifies whether the carousel appears in RTL (Right-To-Left) mode. (sc: rtl=”setting”)
start: The index of the item to start with. (sc: start=”setting”)
offset: The index of the first available item at initialisation. (sc: offset=”setting”)
size: Size of existing elements if size is not passed explicitly uses the number of total items. (sc: size=”setting”)
scroll: The number of items to scroll by. (sc: scroll=”setting”)
visible: If passed, the width/height of the items will be calculated and set depending on the width/height of the clipping, so that exactly that number of items will be visible. (sc: visible=”setting”)
animation: The speed of the scroll animation as string in jQuery terms (“slow” or “fast”) or milliseconds as integer (See jQuery Documentation). If set to 0, animation is turned off. (sc: animation=”setting”)
easing: The name of the easing effect that you want to use (See jQuery Documentation). (sc: easing=”setting”)
auto: Specifies how many seconds to periodically autoscroll the content. If set to 0 (default) then autoscrolling is turned off. (sc: auto=”setting”)
wrap: Specifies whether to wrap at the first/last item (or both) and jump back to the start/end. Options are “first”, “last”, “both” or “circular” as string. If set to null, wrapping is turned off (default). (sc: wrap=”setting”)
Shortcode Examples:
[jj-ngg-jquery-carousel html_id=”about-jcarousel” gallery=”1″]
[jj-ngg-jquery-carousel title=”Hello” html_id=”about-jcarousel” gallery=”1″ vertical=”true”]
[jj-ngg-jquery-carousel html_id=”about-jcarousel” gallery=”2″ width=”150″ height=”100″ visible=”2″ scroll=”1″ auto=”3″]
Try out my other plugins:
JJ NextGen JQuery Slider (https://wordpress.org/extend/plugins/jj-nextgen-jquery-slider/)
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
