Features:
contents has to be centered (vertically and horizontally), and not shrink
if I upload only a single an img + content or single img or a single content, just display thatthe 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 and 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
use my demo file to build it
To Do
loop = content "restart" from the begin
mini-display="horizontally" = mini-displey stay horizontally and I'll set the position manually, which will be on top or on bottom of the carousel
mini-display="vertically" = mini-displey stay vertically and I'll set the position manually, which will be on left or on right of the carousel
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
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
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
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
- [ ] 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])
Attachments:
*clean-app-demo
*video swipe
*mockup
*full-screen
Hello. I constantly work with the technologies specified in the job description. I need more information, but in any case, working for me is not a problem.