Trying to set up a Carousel of some photos. Couple questions as I don’t think it’s working correctly.
Drew HTML box and gave it a background color. Then drew a graphic box to add photos (on left within HTML box). Also drew another HTML box to right of graphic box (with original HTML box) to hold captions, etc. For testing, made 3 duplicates with each duplicate having new pic and new text. Grouped 4 boxes and applied Carousel action.
Wasn’t sure what to set auto-glide for. Tried 3 (seconds?)
Then drew two buttons with arrows. Applied Carousel button action–one next, one previous.
When I preview in FW or browser, my images/text scroll left and right at interval of about 3 seconds (what I set) and then repeat. What I don’t get is what the buttons do. I thought the button was to start the action, or am I confused.
The sample on Walter’s page with the silhouette image seems to be triggered by the button–mine just moves almost independent of the button. I then tried making interval 0 but that makes images in Carousel pulsate.
I want the user to have to click the button to make the image change, not have it scroll.
What did I do wrong.
Jeff
ps. my site’s not up yet, just wanted to test Carousel first.
Trying to set up a Carousel of some photos. Couple questions as I
don’t think it’s working correctly.
Drew HTML box and gave it a background color. Then drew a graphic
box to add photos (on left within HTML box). Also drew another HTML
box to right of graphic box (with original HTML box) to hold
captions, etc. For testing, made 3 duplicates with each duplicate
having new pic and new text. Grouped 4 boxes and applied Carousel
action.
Wasn’t sure what to set auto-glide for. Tried 3 (seconds?)
Then drew two buttons with arrows. Applied Carousel button action–
one next, one previous.
When I preview in FW or browser, my images/text scroll left and
right at interval of about 3 seconds (what I set) and then repeat.
What I don’t get is what the buttons do. I thought the button was
to start the action, or am I confused.
The sample on Walter’s page with the silhouette image seems to be
triggered by the button–mine just moves almost independent of the
button. I then tried making interval 0 but that makes images in
Carousel pulsate.
I want the user to have to click the button to make the image
change, not have it scroll.
What did I do wrong.
Jeff
ps. my site’s not up yet, just wanted to test Carousel first.
I’m confused. When you say you have stacked these carousels, I can
only see the A version. Version B is entirely missing, even though I
see you have a link to it.
Walter
On May 16, 2008, at 6:25 PM, Robert Hicks wrote:
Hi Walter,
I am trying to stack several carousels on one page.
I have two carousels each grouped with their own buttons and tabs.
Panes A1, A2, and A3 are grouped and the carousel action applied.
That group A carousel is then grouped with the left and right buttons
(each with the carousel button action applied) and the A1, A2 and A3
tab graphics (each with the carousel tab action applied).
That is then repeated with the B1 etc panes, buttons and tabs.
I think I have to apply the same buttons and all the tabs
collectively to the stacked carousels.
What I was trying to achieve was to have, say, this carousel…
and this carousel…
available on the same page
Rob
On 17/05/2008, at 11:05 AM, Walter Lee Davis wrote:
I’m confused. When you say you have stacked these carousels, I can
only see the A version. Version B is entirely missing, even though I
see you have a link to it.
Walter
On May 16, 2008, at 6:25 PM, Robert Hicks wrote:
Hi Walter,
I am trying to stack several carousels on one page.
They would either need to both be visible at the same time, or you
would need to use some technique to hide one and show the other.
Carousel by itself won’t do that part for you.
Each set of previous/next buttons can only control one carousel. And
they have to be grouped with that carousel in order to have any
effect, as you have discovered. What I would recommend is that you
try making your two separate Carousel groups, get everything working
the way it should, then apply the Show/Hide Target Layer Action to
the finished group. Set the initial visibility as you desire, and
then apply Rollover to your “carousel switching” buttons. Then both
will be on the page in the same x/y location, and only one will be
visible at a time. Fiddle with the Sticky and Toggle settings until
you get things to work the way you want.
I have to bang the page size drum again here. You are going to end up
with a really heavy page if you put all of this on one page. You
might want to consider using two pages to do this.
Walter
On May 16, 2008, at 9:51 PM, Robert Hicks wrote:
What I was trying to achieve was to have, say, this carousel…
Is there anyway to do rounded corners on the html box that holds the carousel? If not, would Carousel work if I first draw a graphic box, put the html box within that, etc. etc. and then group all. My site design is using rounded corner boxes.
I can’t think of any reason why that wouldn’t work. Just be sure to
use the graphic background (in the style tab of the Inspector) rather
than setting a background color on the base object. You may want to
experiment with toggling IE6 compatibility if you see any layout issues.
Walter
On May 17, 2008, at 1:10 PM, “Jeffrey Stern” email@hidden wrote:
I’m chiming back in with another question.
Is there anyway to do rounded corners on the html box that holds the
carousel? If not, would Carousel work if I first draw a graphic box,
put the html box within that, etc. etc. and then group all. My site
design is using rounded corner boxes.
I don’t think I was completely clear about this. What I mean is use
an HTML object, but use the graphic background option (which includes
the ability to round the corners) in the Inspector in Freeway 5.
Walter
On May 17, 2008, at 1:17 PM, Walter Lee Davis wrote:
I can’t think of any reason why that wouldn’t work. Just be sure to
use the graphic background (in the style tab of the Inspector) rather
than setting a background color on the base object. You may want to
experiment with toggling IE6 compatibility if you see any layout
issues.
Walter
On May 17, 2008, at 1:10 PM, “Jeffrey Stern” email@hidden wrote:
I’m chiming back in with another question.
Is there anyway to do rounded corners on the html box that holds the
carousel? If not, would Carousel work if I first draw a graphic box,
put the html box within that, etc. etc. and then group all. My site
design is using rounded corner boxes.
I have a follow up question concerning a Carousel, and whether there is a bug if you use rounded corner boxes.
I’ve set up a carousel that has graphic boxes with rounded corners. I’ve followed Walter’s instructions. When I run the Carousel, I notice that the first image shows the rounded corner frame just as I set it up. However, the images that come next, have the rounded corners, but you can see a sharp edge, orangish corner to each of those boxes.
I haven’t uploaded anything yet, but if you create a graphic box within the HTML container and give it a rounded corner, such as 9px, you will see what I mean.
I’ve tested this a few times and it happens each time.
Jeff
PS. One other question. Is there any correlation in Freeway between the time it takes to render a preview, when you either click Preview or Preview in a browser and the load time of a web page. I’ve noticed that the Page that I’m setting up my Carousel on takes much longer to render a preview than other pages with images.
Just a shot in the dark. Do your panes have a colour (eg: white) or
are they set to ‘none’ so you ‘see’ the rectangular outline of the
pane behind the one you are viewing?
Rob
On 23/05/2008, at 12:21 PM, Jeffrey Stern wrote:
I have a follow up question concerning a Carousel, and whether
there is a bug if you use rounded corner boxes.
I’ve set up a carousel that has graphic boxes with rounded corners.
I’ve followed Walter’s instructions. When I run the Carousel, I
notice that the first image shows the rounded corner frame just as
I set it up. However, the images that come next, have the rounded
corners, but you can see a sharp edge, orangish corner to each of
those boxes.
I haven’t uploaded anything yet, but if you create a graphic box
within the HTML container and give it a rounded corner, such as
9px, you will see what I mean.
I’ve tested this a few times and it happens each time.
Jeff
PS. One other question. Is there any correlation in Freeway between
the time it takes to render a preview, when you either click
Preview or Preview in a browser and the load time of a web page.
I’ve noticed that the Page that I’m setting up my Carousel on takes
much longer to render a preview than other pages with images.
The panes are set to none and even though each pane has a 9px rounded corner with a 1px white border, it’s as if you are seeing the rectangular outline of the underlying panes (even though they are rounded–in other words the rectangle’s edge shows just outside of the rounded corner).
Right now I have my panes and the HTML holding box sitting on top of a graphics box filled with a textured pattern–although I may drop the pattern.
Sometime around 22/5/08 (at 22:21 -0400) Jeffrey Stern said:
Is there any correlation in Freeway between the time it takes to
render a preview, when you either click Preview or Preview in a
browser and the load time of a web page.
Not really. What happens at that point is layout code calculation,
which can involve a lot of computation if you’re using cetain
actions, and image optimisation, which involves checking and possibly
processing the disk-based originals of the images you’ve imported.
Although a huge amount of complex HTML code might take Freeway a
little longer to generate, I think that in general there’s no
significant connection between how long a browser might take to
render the final product and how long Freeway takes to make it.
Sometime around 22/5/08 (at 22:21 -0400) Jeffrey Stern said:
Is there any correlation in Freeway between the time it takes to
render a preview, when you either click Preview or Preview in a
browser and the load time of a web page.
Not really. What happens at that point is layout code calculation,
which can involve a lot of computation if you’re using cetain
actions, and image optimisation, which involves checking and possibly
processing the disk-based originals of the images you’ve imported.
Although a huge amount of complex HTML code might take Freeway a
little longer to generate, I think that in general there’s no
significant connection between how long a browser might take to
render the final product and how long Freeway takes to make it.
k
In the case of a page using Carousel (or any Scriptaculous effect) there is also a huge bolus of JavaScript being loaded by the page. Look in the Site pane of Freeway, and you will see that these pages – even with very few images loaded – will immediately jump over 100k in size. And if you are using Carousel to show a lot of pictures in a small space, then all of those pictures need to download in order for the effect to work. A Carousel page by its very nature is larger than a regular page (because of the JavaScript needed) and then it also is as big as any page with that many photos on it.