Success!

Note

Error

Session expiration Your session is going to expireClick here to extend

Budget:

Small project <800

Posted on

5/12/17 5:16 PM

Buyer:

Ste***

This project has expired

Why don't you register anyway? We are sure that you will find many similar projects out of the thousands waiting for you!

Post similar project now

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