Plugin Carousel
Use this wiki plugin, introduced in Tiki8, to display images in a self-advancing carousel. The plugin uses the infinite carousel jQuery module to display the images of a file gallery. It will produce something similar to http://themes.tiki.org/infinite_carousel. The library can be found at http://www.catchmyfame.com/catchmyfame-jquery-plugins/.
Parameters
Introduced in Tiki 8. Required parameters are inbold
.Go to the source code
Preferences required: wikiplugin_carousel, feature_file_galleries, feature_jquery_carousel
Parameters | Accepted Values | Description | Default | Since |
---|---|---|---|---|
type |
(blank) fgalId fileIds |
Choose where to get your images from | fgalId | |
fileIds |
any string except for HTML and PHP tags | List of IDs of images from the File Galleries separated by commas. | ||
fgalId |
ID | ID number of the file gallery that contains the images to be displayed | 8.0 | |
displayProgressBar |
1 0 |
1 | 8.0 | |
thumbnailType |
none buttons images numbers count |
Display thumbnails, number, count etc. | none | 8.0 |
displayTime |
number | The time (in milliseconds) to display each image. | 6000 | 8.0 |
clickable |
0 1 |
In case there are URLs in the image description, the image is made clickable and links to the first URL found | 0 | |
sort_mode |
fieldname_asc or fieldname_desc with actual database field name in place of
fieldname . |
Sort by database table field name, ascending or descending. Examples:
fileId_asc or name_desc . |
created_desc | 8.0 |
autoPilot |
1 0 |
Start the carousel automatically when the page loads (default: Yes). | 1 | 8.0 |
thumbnailHeight |
text | Height of thumbnail box in CSS units (default 20px ) |
20px | 8.0 |
thumbnailWidth |
text | Width of thumbnail box in CSS units (default 20px ) |
20px | 8.0 |
transitionSpeed |
number | The time (in milliseconds) for the transition between two images. | 1500 | 8.0 |
textholderHeight |
real between 0 and 1 | The height of the caption. This is a fraction of the height of the images. | .2 | 8.0 |
displaySize |
Real between 0 and 1, or integer over 10 | Scale image between 0 and 1 to reduce it, or set a maximum size in pixels | 1 | 8.0 |
displayThumbnailBackground |
1 0 |
Legacy v2 param: Use corresponding image as background for a thumbnail box. | 1 | 8.0 |
thumbnailFontSize |
CSS units | Legacy v2 param: Font size of thumbnail box in CSS units
(default 7em ). |
.7em | 8.0 |
displayThumbnailNumbers |
1 0 |
Legacy v2 param: Display place numbers in the thumbnail boxes. | 1 | 8.0 |
displayThumbnails |
1 0 |
Legacy v2 param: Display thumbnails. | 1 | 8.0 |
Example
This code:
{carousel fgalId="6"}
Would result on this site: