Description
Vorrei apportare delle modifiche a un sito web esistente..
Il fornitore dovrà occuparsi sia del design che della programmazione.
Si tratta di una landing page.
CAROUSEL IN ANGULAR JS1 - Angular Material 1 compatible - no external libraries (like jQuery):
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: https://www.divinum.wine/prodotto/albana-romagna-biologico-d-c-g-gioja-az-agricola-giovannini/)
- [ ] 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 apple.com, i need to modify the svg, and css
- [ ] display-lines-width="x"(px) = see apple.com, i need to modify the css
- [ ] display-lines-height="x"(px) = see apple.com, i need to modify the css
- [ ] display-buttons = see http://www.1772naturalcosmetic.bio, 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