Title | Default | Description |
---|---|---|
animationSpeed | 500 | No of milliseconds animation takes to finish |
pauseTime | 4000 | Delay in milliseconds between every slide |
thumbnails | true | To show/disguise thumbnails |
hasNextPrev | true | Toggles subsequent/prev controls |
nextText | Subsequent | Default textual content for subsequent button |
prevText | Prev | Default textual content for earlier button |
applyEffectsRandomly | true | If true transition results shall be utilized randomly in any other case sequentially. |
rows | four | Decide the dimensions of slices, for higher values slices are smaller |
cols | 12 | Determins the dimensions of slices, for higher worth slices are smaller |
captionOpacity | zero.5 | Opacity for captions |
captionOrientations | proper | Caption placement might be both ‘proper,’ ‘left,’ ‘high,’ ‘backside’ or all |
captionAnimationSpeed | 1000 | Animation velocity for captions |
captionsSetup | null | Configurations for captions to manage each facet of captions |
thumbnailsPath | ” | Location for thumbnails e.g. ‘photographs/thumbs’. Every thumbnail picture identifies should correspond to associated picture. |
results | All Results | ist of results to be utilized, you may go any no of results from the accessible listing e.g. [‘swirlFadeIn,”explode’].
Right here is the listing of obtainable results. swirlFadeOutRotate ,
|
'swirlFadeOutRotate ','swirlFadeOutRotateFancy',' swirlFadeIn',' swirlFadeOut',' slabs',' spiral',' spiralReverse',' diagonalShow',' diagonalShowReverse',' spiralDimension ',' spiralReverseDimension ',' boxFadeIn ',' boxFadeOutOriginal ','boxFadeOutOriginalRotate ',' diagonalFade ',' diagonalFadeReverse ',' randomFade ',' randomDimensions ','bins ',' explode ',' explodeFancy ',' linearPeal ',' linearPealReverse ',' linearPealDimensions ','linearPealReverseDimensions ',' blind ',' blindHorizontal ',' barsUp ',' barsDown ',' barsDownReverse ',' blindFade ',' fallingBlindFade ',' raisingBlindFade ',' mixBars ','mixBarsFancy ','fade ',' blindFadeReverse ',' slideIn ',' slideInFancy ',' slideInReverse ',' chop ',' chopDimensions ',' chopDiagonal ',' chopDiagonalReverse ',' slideLeft ',' slideRight ',' slideUp ','slideDown' effects:[ 'swirlFadeOutRotate', 'swirlFadeOutRotateFancy', 'swirlFadeIn', 'swirlFadeOut', 'slabs', 'spiral', 'spiralReverse', 'diagonalShow', 'diagonalShowReverse', 'spiralDimension', 'spiralReverseDimension', 'boxFadeIn', 'boxFadeOutOriginal', 'boxFadeOutOriginalRotate', 'diagonalFade', 'diagonalFadeReverse', 'randomFade', 'randomDimensions', 'bins', 'explode', 'explodeFancy', 'linearPeal', 'linearPealReverse', 'linearPealDimensions', 'linearPealReverseDimensions , 'blind' , 'blindHorizontal', 'barsUp', 'barsDown', 'barsDownReverse', 'blindFade', 'fallingBlindFade', 'raisingBlindFade', 'mixBars', 'mixBarsFancy', 'fade', 'blindFadeReverse', 'slideIn', 'slideInFancy', 'slideInReverse', 'chop', 'chopDimensions', 'chopDiagonal', 'chopDiagonalReverse', 'slideLeft', 'slideRight', 'slideUp', 'slideDown' ],
Quake Picture Slider additionally provides you an opportunity to customise animation results for the captions. You’ll be able to configure caption animation and orientation on per slide foundation.
Quake Picture Slider provides you full management our captions, you may set the orientation, animation velocity and even you may present your individual animation capabilities. To customize captions, you should go customized construction to captionsSetup e.g.
The above construction is an instance of configuration for ‘backside’ orientation, which applies to slip 1,2 and three, you may put any legitimate slide index. And callback is the customized animation operate, and you may go away it to default for those who do not need to management the animation. In case you do, you should create a operate with the following signatures.
operate myCallback(captionWrapper, captionContainer, orientation)
The place captionWrapper is the div aspect that wraps captions, captionContainer is the div element that wraps caption textual content whereas orientation might be ‘left,’ ‘proper,’ ‘backside’ or ‘high.’
<script sort="textual content/javascript"> $(doc).prepared(operate () ); </script>