srpurdy / SharpEdgeCMS

Content Management System
http://www.sharpedgecms.com/
MIT License
18 stars 4 forks source link

Parallax Module (Planning Stages) #12

Open srpurdy opened 11 years ago

srpurdy commented 11 years ago

SharpEdge Parallax Module

-> Parallax Group -> Group Options -> Side Nav Bar (True / False) -> Scroll Easing (Dropdown list) -> Enable Auto Slide (True / False) - Will automatically slide to another sub page -> Auto Slide timing (9000) 9 seconds until the next slide is loaded. -> Page With CMS (Dropdown list) select the page you will load this parallax group on

-> Parallax Page -> Default Background Color -> Layers -> Text Layer -> Image Layer -> Button Layer -> Input/Select boxes etc. -> Hyperlink -> Div Layer -> Load Widget (Dynamic Content) -> Video Layer -> Insert Embed Code -> Size of Page is Full width (Responsive) -> Layer Options -> Width/Height -> Easing -> OnClick/On Change Events for Controls -> Goto Sub Page (Slide), or other variable to be decided -> Duration of animation -> Delay of animation -> On Page Exit -> True False -> Same options for layer effects when leaving a page, can have different effects specfic to page exit -> -> Sub Page (Slide) -> All same options as above

-> Themeing Information Related to Parallax Pages -> A custom template will be provided that includes the code needed to make parallax work -> Simply selecting this template on the page you want the parallax group -> Then simply selecting the parallax widget will allow the system to load the the parallax pages based off the page selected in the parallax group options. -> This means you can have a seemless transision from parallax driven pages to normal standard pages.

-> Menu Items -> New option will be added to menu items indicating the item is a parallax menu item. -> New option will be added to menu items indicating which parallax group the menu item is for. -> This means that normal menu items can still be used in conjunction with the parallax pages.

-> Parallax GUI -> Will allow you to visually see your parallax page and drag and drop layers, adjust effects and duration etc all from one screen.