jssor/slider

Old -> new setting

applibs opened this issue · 4 comments

Hey,
please provide some php or js function or convert table which will help to convert old setting of slider into new settings.
I have array with all possible settings like this:
$sliderAnimationsList:
'Shift LR'=>'{$Duration:1200,x:1,$Easing:{$Left:$Jease$.$EaseInOutQuart,$Opacity:$Jease$.$EaseLinear},$Opacity:2,$Brother:{$Duration:1200,x:-1,$Easing:{$Left:$Jease$.$EaseInOutQuart,$Opacity:$Jease$.$EaseLinear},$Opacity:2}}',
$captionAnimationsList:
'L|IB'=>'{$Duration:1200,x:0.6,$Easing:{$Left:$Jease$.$EaseInOutBack},$Opacity:2}',

And I need change it into new settings.
Thank you very much.

jssor commented

$Jease$.$EaseLinear => $Jease$.$Linear

Shift LR
{$Duration:800,x:1,$Easing:{$Left:$Jease$.$InOutQuart,$Opacity:$Jease$.$Linear},$Opacity:2,$Brother:{$Duration:800,x:-1,$Easing:{$Left:$Jease$.$InOutQuart,$Opacity:$Jease$.$Linear},$Opacity:2}}

The caption transition of old style will not work anymore. Please use slider maker to add layer with animation.

I need some predefined caption transitions. Is any way how to do it please? Otherwise slider maker is not user friendly solutions for end users. End users need predefined transitions. One predefined for all images.
slider maker integrates images, but images are separated in html. I need just caption transitions.
I found this example http://www.nilsdunkel.com/swipe/transitions/390-caption-transitions.html with JS included all predefined caption transitions. Do you have it in some separated array? Just only caption configurations?

I know some settings like these:

$Duration:1200 -> d:1200

$Easing:$JssorEasing$.$EaseInCubic -> e:{x:5}

{$Duration:1000,$Clip:4,$FlyDirection:2,$Easing:$JssorEasing$.$EaseInOutCubic,$ScaleHorizontal:0.8,$ScaleClip:0.8,$During:{$Left:[0.4,0.6],$Clip:[0,0.4]}} -> ?

{$Duration:1200,$Clip:15,$FlyDirection:9,$Easing:{$Left:$JssorEasing$.$EaseOutWave,$Clip:$JssorEasing$.$EaseOutCubic},$ScaleHorizontal:0.2,$During:{$Left:[0,0.7]},$Round:{$Left:1.3}} -> ?

{$Duration:600,$FlyDirection:9,$Easing:{$Left:$JssorEasing$.$EaseLinear,$Top:$JssorEasing$.$EaseInCubic},$ScaleHorizontal:0.6,$ScaleVertical:0.6,$Opacity:2} -> ?

? -> {b:0,d:500,x:-105},{b:500,d:500,x:230},{b:1000,d:500,y:-120},{b:1500,d:500,x:-70,y:120},{b:2600,d:500,y:-80},{b:3100,d:900,y:160,e:{y:24}}

? -> {b:0,d:1000,y:185},{b:1000,d:500,o:-1},{b:1500,d:500,o:1},{b:2000,d:1500,r:360},{b:3500,d:1000,rX:30},{b:4500,d:500,rX:-30},{b:5000,d:1000,rY:30},{b:6000,d:500,rY:-30},{b:6500,d:500,sX:1},{b:7000,d:500,sX:-1},{b:7500,d:500,sY:1},{b:8000,d:500,sY:-1},{b:8500,d:500,kX:30},{b:9000,d:500,kX:-30},{b:9500,d:500,kY:30},{b:10000,d:500,kY:-30},{b:10500,d:500,c:{x:87.50,t:-87.50}},{b:11000,d:500,c:{x:-87.50,t:87.50}}

but what next changes?
Can you explain examples or publish some tool or table changes?
Thank you very much.

I still need this list of changes.