CUSTOMIZABLE CAROUSEL IN ANGULAR JS1

This is a customizable carousel, responsive and touch. Features: - [ ] images has to be centered (vertically and horizontally), and not shrink - [ ] images have to “re begin” as a loop - [ ] if I upload only a single an img + content or single img or a single content, just display that - [ ] the images can go back or forward dipending on the click of user (on icon or swiping) - [ ] the image can go back or forward dipending on the click of user - [ ] Swipe always on: touch swipe, (SENSITIVE: look at spotify album img, It allows to swipe on img only if you swipe more then "X"px1) -> (see video-swipe) - [ ] Full Responsive , 'till iphone 4s - [ ] animated - [ ] compatible with everyting ( 'till windows 7) - [ ] no external library, only angularJS 1 + Angular Material 1 Compatible - [ ] Don't use ng-route - [ ] when user clicks on img on mini-display, it will appear on main display - [ ] Please show in the bottom how you upload the file in php, connect your server / db, to show me it works, then I'll take care of the rest. - [ ] Please create a in input widh drag and drop where can i upload img + content or single img or single content Directives: - [ ] go-vertically = carousel moves vertically - [ ] go-horizontally = carousel moves horizontally - [ ] go-left-right = carousel moves horizontally left to right - [ ] go-right-left = carousel moves horizontally right to left - [ ] go-top-bottom = carousel moves vertically top to bottom - [ ] go-bottom-top = carousel moves vertically bottom to top - [ ] mini-display="top" = mini-display will be on top of the content (exactly like this one: [login to view URL]) - [ ] mini-display="bottom" = mini-display will be on bottom of the content - [ ] mini-display="left" = mini-display will be on the left of the content - [ ] mini-display="right”= mini-display will be on the right of the content - [ ] mini-display="hide" = mini-display will be hidden - [ ] mini-display-direction="normal" (default) = from left to right or from top to bottom - [ ] mini-display-direction="inverse”= from right to left or from bottom to top - [ ] mini-display-content="show" = if I add content to img, iI can set to show them (default) - [ ] mini-display-content="hide" = if I add content to img, iI can set to hide them - [ ] full-screen = show the icon of youtube and do the effect animation go get on full screen, and show all the carousel, if mini-display is on left or right, when the device goes on portrait : mini-display goes on top. if mini-display is on top or bottom, when the device goes on landscape: when the device goes on left|right - [ ] no-full-screen = no-full-screen - [ ] full-screen-background="" = let me set a color, a linear color or whatever (img) - [ ] go-auto = carousel slide goes automatically (default) - [ ] go-manual = carousel slide goes on action (like click on arrow) - [ ] speed="x" (ms) = timing of auto slide - [ ] visible = img or img + content or content will not be hidden on sliding - [ ] display-arrows = see [login to view URL], i need to modify the svg, and css - [ ] display-lines-width="x"(px) = see [login to view URL], i need to modify the css - [ ] display-lines-height="x"(px) = see [login to view URL], i need to modify the css - [ ] display-buttons = see [login to view URL], i need to modify che css for color or height / width - [ ] allow-hover= when user hover img on mini-display it will shows on the main display Attachments: *clean-app-demo *video swipe *mockup - [ ] zoom=“x” (es. zoom=“1.2”) = img zoom oh hover (only on desktop) inside its container (demo: [login to view URL] ) - [ ] fade = instead of moving the images, they will change with a fade in effect (demo:[login to view URL])