fotografie: iWish Design
Settings
| animation | select your animation type, “fade” or “slide” |
| columns | number of buttons per column (works only when itemWidth = 0), use 0 to disable this function |
| controlNav | when value is ‘bullets’ it create navigation for paging control, when value is ’thumbs’, itemWidth is 0 and data-thumb attribute is avaliable on the children, it shows thumbs, when value is ‘bullets’, itemWidth is 0 and data-thumb attribute is avaliable on the children, it shows bullets and thumbs on hover. When value is false, this function will be disabled |
| directionNav | create previous/next buttons for paging control, when value is ‘center’ it will be position over the slide area, when value is ‘bottom’ it will positioned below the slide, use false to disable this option |
| showDirNavOnHover | show previous/next on hover (only for desktop) |
| isDraggable | simulation for destop dragging only for desktop (touchmove effect) |
| animationLoop | should the animation loop? If false, directionNav will received “disable” classes at either end |
| fadeFirstSlide | fade in the first slide when animation type is “fade” |
| stopOnaction | pause the slideshow when interacting with control elements, touchmove or media content, highly recommended. |
| pauseOnHover | pause the slideshow when hovering over slider, then resume when no longer hovering |
| startIndex | the slide that the slider should start on (0 = first slide) |
| startDelay | |
| stoppingSpeed | the carousel stops sliding with a certain speed on touchend |
| stopSpeedAnimMethod | image change animation behavior, watch available options under animationMethod |
| descrPosition | only available when columns = 0 and itemWidth = 0, options: auto, topLeft, topCenter, topRight, leftCenter, centerCenter, rightCenter, leftBottom, centerBottom, rightBottom |
| slideshow | use image slideshow |
| pausePlay | create pause/play dynamic element |
| ifLastPicture | slide behaviour after last picture, options: back or atFirst |
| slideshowTime | duration between slides in seconds |
| itemWidth | box-model width of individual carousel items, including horizontal borders and padding. When value is ‘auto’ it will use the slide actual width, to disable use value 0 |
| itemMargin | margin between carousel items. When value is ‘auto’ it will use the slide actual margin, to disable use value 0. Animation options (only available when animation = slide) |
| animationMethod | image change animation behavior, available options: jswing, easeInQuad, easeOutQuad, easeInOutQuad, easeInCubic, easeOutCubic, easeInOutCubic, easeInQuart, easeOutQuart, easeInOutQuart, easeInQuint, easeOutQuint, easeInOutQuint, easeInSine, easeOutSine, easeInOutSine, easeInExpo, easeOutExpo, easeInOutExpo, easeInCirc, easeOutCirc, easeInOutCirc, easeInElastic, easeOutElastic, easeInOutElastic, easeInBack, easeOutBack, easeInOutBack, easeInBounce, easeOutBounce, easeInOutBounce |
| animationTime | image change animation duration |
| update | update function to overwrite above configuration settings |
| start | update function to overwrite above configuration settings ONLY after hit the first frame |
| frameRate | provides a centralized tick or heartbeat broadcast at a set interval, recommended value is 60 |