TannSanWiki - HenkelMenus

2006-06-03 23:50:07

Comparison for /Henkel Menus of 2006-06-03 23:50:07 and 2006-06-15 12:23:05

Additions:

Deletions:

Comparison for /Henkel Menus of 2006-05-21 16:38:34 and 2006-06-03 23:50:07

Additions:

Deletions:

Comparison for /Henkel Menus of 2006-05-21 16:37:33 and 2006-05-21 16:38:34

Additions:

Deletions:

Todo
Todo

12.05.06
~~bug – when the full screen menu loads after the initial time it does not load the 2nd bg image~~

13.04.06
~~Ditch using external images for the products and embed the provided pngs, leave it as is for background images~~
~~When using big-menu, just after all the products have moved to the right; make them flash white and switch to the alternative small images~~ – just made them switch the image at the last possible animation point so it looks like its just part of the final movement
~~Change grey square to 0x000000 60%~~
~~Slim-menu: remove preloading & progress bar altogether and make them just appear instantly, no effect except mouse over. Easier to just make a whole new movie~~ – dimensions changed to 56x382
Use an SO to detect whether they have viewed the big-menu already that day. If so then dont preload it at all and just skip to the end point where the products are loaded in the center and its on backgroundb

11.04.06
~~Resize big-menu to 790 wide, means repositioning grey square and altering all the x/xEnd values in the xml file~~

09.04.06
Initial State
- ~~Show background A while preloading other images~~
Transition 1
- ~~Background B fades in over top of background A until background B is 50% opaque, should take about 2 seconds~~
Transition 2
- ~~Menu background (grey rounded rectangle with text) fades in over top of what's currently on the screen~~
- ~~rectangle is 80% opaque~~
- ~~text is 100% opaque~~
- ~~Should take 1 second~~
Transition 3
- ~~The individual product icons fade in in sequence, top row left to right then bottom row left to right.~~
- ~~Should take 0.5 seconds each but the next should start when the previous is at 0.25~~
Interaction
- ~~User mouse over causes the highlighterd version of each image to appear~~
- ~~Clicking one of the images causes all the other images to immediately float to the right-hand side into a column~~
- ~~As they float they should shrink to 50% of their original size~~
- ~~Order of the images in the right hand bar is the same as in the main menu~~
- ~~The image that has been clicked stays at its start position for 1 second before floating to the right to slot into the gap left by the other images.~~
- ~~After 0.5 seconds it fades to the non highlighted version.~~
- ~~Once animation is complete it should redirect to the target product page~~
Additional Components
- ~~Static version of right hand menu bar~~
- ~~When rolled over they should highlight as the big menu does~~
- ~~Clickling should load the target product page (after fading out)~~

Comparison for /Henkel Menus of 2006-05-21 16:36:57 and 2006-05-21 16:37:33

Deletions:

Comparison for /Henkel Menus of 2006-05-12 10:37:56 and 2006-05-21 16:36:57

Additions:

Comparison for /Henkel Menus of 2006-05-12 10:27:12 and 2006-05-12 10:37:56

Additions:

~~bug – when the full screen menu loads after the initial time it does not load the 2nd bg image~~

Deletions:

bug – when the full screen menu loads after the initial time it does not load the 2nd bg image

Comparison for /Henkel Menus of 2006-04-13 16:57:25 and 2006-05-12 10:27:12

Additions:

12.05.06
bug – when the full screen menu loads after the initial time it does not load the 2nd bg image

Comparison for /Henkel Menus of 2006-04-13 16:34:53 and 2006-04-13 16:57:25

Additions:

~~Slim-menu: remove preloading & progress bar altogether and make them just appear instantly, no effect except mouse over. Easier to just make a whole new movie~~ – dimensions changed to 56x382

Deletions:

Slim-menu: remove preloading & progress bar altogether and make them just appear instantly, no effect except mouse over. Easier to just make a whole new movie

Comparison for /Henkel Menus of 2006-04-13 16:21:51 and 2006-04-13 16:34:53

Additions:

Use an SO to detect whether they have viewed the big-menu already that day. If so then dont preload it at all and just skip to the end point where the products are loaded in the center and its on backgroundb

Deletions:

Use an SO to detect whether they have viewed the big-menu already that day. If so then dont preload it at all and just skip to the end point where the products are loaded in the center and its on backgroundb