Featured screenshots
Nivo Slider is an open source jQuery plugin built by dev7studios.com. It provides many cool features from multiple slider types to transition effects ranging from slicing and sliding to fading and folding.
For more info, visit Dev7studios.com Nivo Slider Page or check out their Online Demo
This template can apply on list views that have the following columns:
| Template Field | Type | Usage |
|---|---|---|
| fldTitle | Single line of text | Image tooltip (alt) |
| fldImage | Hyperlink or Picture (Picture) | Slide Image |
| fldLink | Hyperlink or Picture (Hyperlink) | Slide on click link |
| fldDescription | Multiple lines (Enhanced rich text) | Slide description area, html content is allowed |
Info
If you have different column names you can change them from the Apply tab and change field mappings from the Fields Mapping section.
This template has the following settings to play with. Below are the available settings with all options and their default values:
| Setting | Default | Usage |
|---|---|---|
| width | 100% | Slider width size |
| effect | random | Specifies sets like: 'fold,fade,sliceDown' |
| slices | 15 | For slicing animations |
| boxCols | 8 | For box animations |
| boxRows | 4 | For box animations |
| animSpeed | 500 | Slide transition speed |
| pauseTime | 3000 | How long each slide will show |
| startSlide | 0 | Set starting Slide (0 index) |
| directionNav | true | Next & Prev navigation |
| controlNav | true | 1,2,3... navigation |
| controlNavThumbs | false | Use thumbnails for Control Nav |
| pauseOnHover | true | Stop animation while hovering |
| manualAdvance | false | Force manual transitions |
| prevText | Prev | Prev directionNav text |
| nextText | Next | Next directionNav text |
| randomStart | false | Starts on a random slide |
| renditionID | 0 | SP rendition ID of slide image (0 normal image dimensions). Make sure to use a rendition that fits with the slider's 'width' size |
| thumbRenditionID | 0 | SP rendition ID of thumbnail image (0 normal image dimensions) |
| theme | default | Nivo Slider theme. change theme style sheet file is required |
The following libraries were used to help creating this template: