Another one of my ideas that I would like to know if I can implement in FW.
I have a standard web page 1024x768 with ‘page action’ full background proportional, align set to none = no scroll bars, and page resized proportionally when browser window is +/-.
I want to create a carousel ‘must be html based container’ as it allows for inline html items, where as a graphic carousel does not.
The carousel must stretch across the entire page at least (1620px W) to create the impression the carousel scrolls across the entire viewers page (into place ‘centered’) then when prev/next btn or tab is selected the current pane appears to slide off the page (browser window) left and the next pane selected appears (once again from right to left until in place of container ‘centered’) so on and so on.
I can get this all to work and the effect is really cool, but my biggest issue is the fact I now have a horizontal scroll bar appear! Obviously to accommodate my carousels width ‘1620’ needed to achieve this look!
I have tried and tried to play around with the dimensions and settings in the inspector palette to loose the scroll bar, whilst the carousel still functions in my desired styling.
Is this at all possible, as I think the carousel requires its dimensions to be specified?
I have thought about a jquery plugin to achieve this look, but I’m not that savvy with javascript yet to be able to code the function needed to create this ‘entire page seamless carousel’ with easing enabled would be a dream!
Any clarification on this issue would be greatly appreciated, or possible workarounds!
The Carousel does all of its math based on pixels, so it can’t be a
stretchy part of a fluid layout, sorry. I doubt sincerely that a
jQuery-based carousel effect would have any different effect here,
since they all rely on the outer (mask) container being the same
dimension as one of the several inner elements that they animate. If
the outer element stretched, all of the inner elements would have to
be set to stretch exactly the same way, otherwise you would start to
see the edges of the adjacent inner elements.
Walter
On Jul 30, 2010, at 8:10 AM, Mr worm wrote:
Hi guys,
Another one of my ideas that I would like to know if I can implement
in FW.
I have a standard web page 1024x768 with ‘page action’ full
background proportional, align set to none = no scroll bars, and
page resized proportionally when browser window is +/-.
I want to create a carousel ‘must be html based container’ as it
allows for inline html items, where as a graphic carousel does not.
The carousel must stretch across the entire page at least (1620px W)
to create the impression the carousel scrolls across the entire
viewers page (into place ‘centered’) then when prev/next btn or tab
is selected the current pane appears to slide off the page (browser
window) left and the next pane selected appears (once again from
right to left until in place of container ‘centered’) so on and so on.
I can get this all to work and the effect is really cool, but my
biggest issue is the fact I now have a horizontal scroll bar appear!
Obviously to accommodate my carousels width ‘1620’ needed to achieve
this look!
I have tried and tried to play around with the dimensions and
settings in the inspector palette to loose the scroll bar, whilst
the carousel still functions in my desired styling.
Is this at all possible, as I think the carousel requires its
dimensions to be specified?
I have thought about a jquery plugin to achieve this look, but I’m
not that savvy with javascript yet to be able to code the function
needed to create this ‘entire page seamless carousel’ with easing
enabled would be a dream!
Any clarification on this issue would be greatly appreciated, or
possible workarounds!