sliding panel
testing setup of enter feature for eyedea site - footer to align with header graphic, showing only the centre circle of logo (eye) and the tagline; footer to slide down, aligning with bottom of window, remaining fixed (content to scroll behind)
links
- WebDesignerWall - JQuery for webdesigners
- jQuery for designers
- jQuery - how tos
- 15 days of jQuery
- Learning jQuery - Basic Show and Hide
??? asking questions...
test samples
- slide panel
RESULT: working
[simple setup - as demo in tutorial from WebDesignerWall] - eyedea site - footer slide - test 1
RESULT: working (though jumping bottom panel)
[mock content, small footer, aligned with top border, embedded JS + CSS] - eyedea site - footer slide - test 2
RESULT: working (though jumping content)
[mock text, background image, extended footer with test image, embedded JS, linked CSS] - eyedea site - footer slide - test 3
RESULT: working with footer disappearing
[mock text, menu added, background image, extended footer with test image, embedded JS, linked CSS] - eyedea site - footer slide - test 4
RESULT: NOT WORKING with footer misaligning (at the very top)
[mock text, menu added, background image, extended footer with test image, embedded JS, linked CSS, hiding content via JS to disable slide effect for disabled JS - added CSS positioning via jQuery] - eyedea site - footer slide - test 5
RESULT: NOT WORKING with footer not sliding but jumping into fixed position
[mock text, menu added, background image, extended footer with test image, embedded JS, linked CSS, hiding content via JS to disable slide effect for disabled JS - added CSS positioning + size via jQuery] - eyedea site - footer slide - test 6
RESULT: working - though footer jumping into position
[mock text, menu added, background image, extended footer with test image, embedded JS, linked CSS, hiding content via JS to disable slide effect for disabled JS - added CSS positioning + size via jQuery, after slide complete]