I need a Slideshow animation based on HTML5 or Canvas Object, with a Framework
CreateJs SImilar Videoanimation like
[login to view URL]
with the given Array Json
{
"title": "Back 2 Future",
"desc": "1985",
"teaserImg_start": "[login to view URL]",
"teaser_img_duration": "5",
"each_slide_duration_default": "7",
"each_slide_transition": "0.5",
"title1": "age then",
"title2": "age now",
"movie_year": "1985-02-02",
"slides": [{
"real_name": "Michael j Fox",
"movie_name": "Mc Fly",
"born": "1968-02-02",
"died": false,
"img_focus": "40,50",
"img_small": "[login to view URL]",
"snips": [{
"duration": 6,
"pic_year": 2017,
"img_then_focus": "25,70",
"img_now_focus": "50,50",
"img_then": "[login to view URL]",
"img_now": "[login to view URL]"
}, {
"pic_year": 2016,
"img_then_focus": "25,15",
"img_now_focus": "50,50",
"img_then": "[login to view URL]",
"img_now": "[login to view URL]"
}]
},
{
"real_name": "Christopher Lloyd",
"movie_name": "Dr. Emmett Brown",
"born": "1940-02-02",
"died": "2004-04-01",
"img_focus": "25,50",
"img_small": "[login to view URL]",
"snips": [{
"pic_year": 2017,
"img_then_focus": "20,70",
"img_now_focus": "20,50",
"img_then": "[login to view URL]",
"img_now": "[login to view URL]"
}, {
"pic_year": 2016,
"duration": 8,
"img_then_focus": "30,40",
"img_now_focus": "25,50",
"img_then": "[login to view URL]",
"img_now": "[login to view URL]"
}]
},
{
"real_name": "Michael j Fox",
"movie_name": "Mc Fly",
"born": "1968-02-02",
"died": false,
"img_focus": "40,50",
"img_small": "[login to view URL]",
"snips": [ {
"pic_year": 2016,
"duration": 6,
"img_then_focus": "25,15",
"img_now_focus": "50,50",
"img_then": "[login to view URL]",
"img_now": "[login to view URL]"
}]
}
]
}