Hi
I am sure I saw a thread about the carousel which raised the possibility of the carousel operating as a loop - ie the images appear to be on a band going round rather than a strip which shoots back to the start when the end is reached. Did I imagine this and can anyone recall it? I am working my way back through all the threads but maybe some one can get me there quicker, even if it is to tell me it is not possible.
You did not imagine it, the beginnings of how to do that are in the
source code of Glider.js (the library at the heart of the effect) but
the implementation was never finished by the original developer, and I
haven’t the time right now to take it up myself. It’s a pretty simple
effect to pull off, but it requires some extra preparation within the
Action to make it happen.
In the meantime, you could check out this effect, which is very simple
to do in Freeway:
On Feb 1, 2010, at 3:29 PM, Richard Lowther wrote:
Hi
I am sure I saw a thread about the carousel which raised the
possibility of the carousel operating as a loop - ie the images
appear to be on a band going round rather than a strip which shoots
back to the start when the end is reached. Did I imagine this and
can anyone recall it? I am working my way back through all the
threads but maybe some one can get me there quicker, even if it is
to tell me it is not possible.
Ah OK and thanks for the info. Your endless image (movie?) is nice but your carousel is ideal as it will be carrying panes of written info that visitors will be able to go through in sequence or target panes directly .
But when you say the ‘endless’ is simple to do in freeway…? Do I just rumage in your code and work it out from there or is there more to it than that?
If you laid out all of your content (HTML, photos, whatever) in one
long horizontal DIV (as child elements) and then wedged that into a
much smaller parent DIV with the overflow set to “hidden”, you could
apply this same trick there. It’s similar to the various “scroll
layer” tricks that have been mentioned on this list in the past.
Yes, there’s a little blob of hand-written JavaScript near the bottom
of the page source, you’ll have to pick it apart and see how it works,
but basically its a recursive function (a function that calls itself)
and a timer to make it run at a sane pace. This function modifies the
left position of the inner DIV relative to its nearest parent (the DIV
with overflow:hidden). So it’s exactly like a filmstrip showing
through a small window.
The only part that you’ll have to figure out mathematically is the
overall width of the “strip” plus the duplicate part you add at the
far right (should be the same width as the “window”). I used nice
round numbers in the example, so you should be able to work out what
goes where.
Walter
On Feb 1, 2010, at 5:36 PM, Richard Lowther wrote:
Ah OK and thanks for the info. Your endless image (movie?) is nice
but your carousel is ideal as it will be carrying panes of written
info that visitors will be able to go through in sequence or target
panes directly .
But when you say the ‘endless’ is simple to do in freeway…? Do I
just rumage in your code and work it out from there or is there more
to it than that?
Ok thanks Walter, I will give it a try as soon as I get some time. Doubtless I will end up in deepwater and will need to come back for more info. We will see