[ANN] Carousel turns One-Dot-Oh

Get it while it’s hot. Much simpler application this time around. The entire mechanism has been re-worked, so you no longer have to group ANYTHING.

1. Draw a CSS-positioned layer on your page where you want the carousel effect to appear. Style it up to become the first pane of your carousel.
2. Duplicate this layer to make the next pane, and so forth until all of the panes are finished. (You may place these panes anywhere on or off the page, they will be removed from view when you publish.)
3. Apply the Carousel Action to the first pane.
4. Apply the Carousel Pane Action to all of the remaining panes.
5. (Optional) add tabs or buttons to control the effect with the Carousel Tab and Carousel Button Actions.
6. Publish.

You can have multiple Carousels on a page, as before, but instead of grouping the controls and the panes together to tell the controls which panes to affect, you simply choose your carousel using the Target picker in the Actions palette. This should make editing your page a lot easier.

Walter

quote

Hi Walter, thanks very much… a lot easier!! I have the tabs working perfectly but the buttons are not working for me?

quote

HI, the buttons are not working for me either.

I also have a request - the previous version of this Action which I have been using works really well as an inline item - perfect if you are relying on the Carousel not to be overwritten by content above it on the page. Is there a reason this was stopped? And can it be restored?

quote

Actually, just been tinkering with the Action and amended the action-appliesto part of the carousel Action, and it seems to be fine.

quote

…. and then again, perhaps not. It would be very handy to have this functionality returned to the Actions.

quote

Hi Paul, while we are waiting for Walter to have a look at this… Paul, sorry a little off subject. It’s in regards to your wonderful Iframe action, if you add ALLOWTRANSPARENCY=”true” to the bottom of your action then transparency works in IE 6, 7 & 8 . Simply it’s telling all browsers your Iframe wants transparency.

Something like this ….

iframe src=”&URL;” name=”&Name;” width=”&_width;” height=”&_height;” frameborder=”&FrameBorder;” marginwidth=”&MarginWidth;” marginheight=”&MarginHeight”; ALLOWTRANSPARENCY=”true”; scrolling=”&Scrolling;”

All the best,

Pete

quote

Walter - definitely easier - I’ve just done a test on a quick rebuild of an existing carousel. Couple of points:

1. Like others, I cannot get the next/previous buttons to work.

2. The first tab of a series causes a problem, in that I can’t target the layer annointed with the overall Carousel action. I can point the other tabs at layers annointed as Carousel Panes, no problem there. I have however a workaround, as detailed below.

Delete the Carousel action from the layer you applied it to. Apply the Pane action to that layer and select this pane from the first tab - it will now see it. Now revert the layer back to the Carousel action. Cures it for me.

quote

on 20/04/2009 06:01, Walter Lee Davis at email@hidden wrote:

You can have multiple Carousels on a page, as before, but instead of grouping the controls and the panes together to tell the controls which panes to affect, you simply choose your carousel using the Target picker in the Actions palette. This should make editing your page a lot easier.

That’s a much neater solution, thanks for your work on this.

I’ll add my name to the buttons not working, but the tabs are fine.

Best wishes Peter

================================ Peter Tucker, Oxford UK email@hidden

quote

on 20/04/2009 06:01, Walter Lee Davis at email@hidden wrote:

1. (Optional) add tabs or buttons to control the effect with the Carousel Tab and Carousel Button Actions.

I’ve created a set of panes and have a tab for each, they work fine except the first one. I cannot code the tab to go back to the main [original] pane.

Best wishes Peter

================================ Peter Tucker, Oxford UK email@hidden

quote

I’ve created a set of panes and have a tab for each, they work fine except the first one. I cannot code the tab to go back to the main [original] pane.

Best wishes Peter

================================ Peter Tucker, Oxford UK email@hidden

Take a look at the workaround I posted 2 or 3 posts above Peter, assuming it’s the same problem. You have to switch the Carousel action applied to the first carousel, for a Carousel Pane action, point the offending tab to it and then revert back to the Carousel action.

Cheers, Ian

quote

I have a site chuck-full of the old Carousel action. Before I change them all over a question.

Is it possible to link to a specific pane on a page from another page with the new action?

Thanks.

quote

on 20/04/2009 14:54, Ian Halstead at email@hidden wrote:

I¹ve created a set of panes and have a tab for each, they work fine except the first one. I cannot code the tab to go back to the main [original] pane.

Best wishes Peter

================================ Peter Tucker, Oxford UK email@hidden

Take a look at the workaround I posted 2 or 3 posts above Peter, assuming it’s the same problem. You have to switch the Carousel action applied to the first carousel, for a Carousel Pane action, point the offending tab to it and then revert back to the Carousel action.

Hi Ian, oh yes, I now have both the Carousel and Carousel Pane actions applied to the first “base” pane, now it works.

Best wishes Peter

================================ Peter Tucker, Oxford UK email@hidden

quote

Hi Ian, oh yes, I now have both the Carousel and Carousel Pane actions applied to the first “base” pane, now it works.

Best wishes Peter

================================ Peter Tucker, Oxford UK email@hidden

Ahhhh, nice one Peter. I didn’t think to apply both actions to the base carousel. I must have lost something in interpreting the original instructions somewhere, but what you’ve just done solves it nicely.

Cheers,

Ian

quote

Sorry, that was a regression on my part. I’ll have it fixed in a little while.

Walter

On Apr 20, 2009, at 10:36 AM, Ian Halstead wrote:

Hi Ian, oh yes, I now have both the Carousel and Carousel Pane actions applied to the first “base” pane, now it works.

Best wishes Peter

================================ Peter Tucker, Oxford UK email@hidden

Ahhhh, nice one Peter. I didn’t think to apply both actions to the base carousel. I must have lost something in interpreting the original instructions somewhere, but what you’ve just done solves it nicely.

Cheers,

Ian

quote

All fixed. Carousel Tab and Carousel Button have each been revved, both omissions have been fixed.

Walter

quote

walt,

As an aside - could this action be made to work with a css menu driving the panes? The original action (and I’ll be honest I haven’t grabbed onedotoh) wouldn’t allow the tabs to be applied to text they had to be images - is this still the case ?

Regards,

mmull

quote

On 20 Apr 2009, 9:06 pm, mmull wrote:

walt,

As an aside - could this action be made to work with a css menu driving the panes? The original action (and I’ll be honest I haven’t grabbed onedotoh) wouldn’t allow the tabs to be applied to text they had to be images - is this still the case ?

That is still the case, but I could make a cousin of the tabs action called Carousel Text, and that might work for you. The thing to realize, though, is that you can’t actually apply an action to text in Freeway. The next best thing is to create an Action that emits text, and creates a link. If I do that correctly, you would be able to double-click into the space where you want the text link to appear, select Insert / Action Item from the main menu, and create the text and the link in one go in the Actions palette.

Walter

quote

Thanks Walter, Works a treat now. Pete

quote

On 20 Apr 2009, 2:19 pm, george wrote:

I have a site chuck-full of the old Carousel action. Before I change them all over a question.

Is it possible to link to a specific pane on a page from another page with the new action?

No, it still behaves the same in that respect. Have you tried the question mark trick? Make an anchor, but instead of the hash, ire a question mark. http://server.com/somepage.html?pane3

Walter

quote

Many thanks for the fix Walter. All genuinely appreciated. I might have to put you in my will now, though I’ve already bequeathed the yacht*.

*It should enhance the recipient’s bath-time.

Cheers,

Ian

quote

on 20/04/2009 23:32, Walter Lee Davis at email@hidden wrote:

On 20 Apr 2009, 9:06 pm, mmull wrote:

walt,

As an aside - could this action be made to work with a css menu driving the panes? The original action (and I’ll be honest I haven’t grabbed onedotoh) wouldn’t allow the tabs to be applied to text they had to be images - is this still the case ?

That is still the case, but I could make a cousin of the tabs action called Carousel Text, and that might work for you. The thing to realize, though, is that you can’t actually apply an action to text in Freeway. The next best thing is to create an Action that emits text, and creates a link. If I do that correctly, you would be able to double-click into the space where you want the text link to appear, select Insert / Action Item from the main menu, and create the text and the link in one go in the Actions palette.

That does sound useful ;~}}

Best wishes Peter

================================ Peter Tucker, Oxford UK email@hidden

quote

on 21/04/2009 01:23, Pete at email@hidden wrote:

Thanks Walter, Works a treat now.

Full marks for trimming down the often excessive previous posts, but when the thread spawns like a hydra it means deleting everything, and we don’t know what “works a treat now” ?

Best wishes Peter

================================ Peter Tucker, Oxford UK email@hidden

quote

hello just saw this thread

so I have to redo my all my Carousels ugh!I wish I knew that before upgrading. I have so many carousels..

ok one thing do I still draw HTML and then the graphic box inside it>>

quote

ok now I get it! it works fine

but now what about the anchors?? which are on another page

quote

Hello,

I’m kind of new to freeway. I just upgraded to this action from the older one. When I am trying to redo one of the carousels which were all grouped together and choose the panes and add the new actions, it doesn’t work. I also tried publishing all and it still does not work. Is there something else I should have downloaded or updated besides the action? or… Does anyone have any pointers as to why this is happening?

quote

Hi Pedro

In many/most cases it is invaluable to provide a link to an example page where you have a problem. This allows the code savvy guys out there a chance to look at the nuts and bolts of your page, pull it apart and find the problem.

Before doing this set the HTML code to More Readable (File>Document Setup>Output - 2nd dropdown) and when posting a link here use the full web address starting http://www. which will ensure it is a clickable link.

Have you followed the updated directions at the beginning of the thread and made sure that you do have the latest version. The bottom of the inspector pane should show you the version number.

Also make sure that the Carousel action is applied to the first Pane and that the Carousel Pane action is applied to the rest. If you have other actions on your panes or the contents of your panes then remove them while testing.

David

quote

Sometime around 20/6/09 (at 18:07 -0400) Pedro said:

I’m kind of new to freeway. I just upgraded to this action from the older one. When I am trying to redo one of the carousels which were all grouped together

Hi Pedro,

Ungroup the panes and treat each one as a separate entity. If your panes each contain multiple items those can be grouped together, but you don’t have to group the panes themselves together. In fact, it doesn’t work like that any more.

Set up each pane as a selft-contained item, position the first one where you want your Carousel to be and apply the Carousel action, then apply the Carousel Pane action to each subsequent pane.

(Make sure you don’t have the Carousel action (or Carousel Pane, etc.) applied to any items within your panes. I did this and it made it stop working. Removing the action from any items within a pane group fixed the problem. If you group items together to make a composite pane, always apply the action to the group item, not items within the group.)

Those other panes can be positioned wherever you like, on or off the page. They’re removed from the layout and stashed ready for display in the Carousel when the page is published.

The regular stacking order - which is in front, which behind - determines the playing order in the Carousel. To change the running order just bring forward/send backward or bring to front/send to back.

Magic stuff! :-)

k

quote

It is working perfectly now! Thanks for the quick replies. I checked everything and made sure I had the latest update.

On a side note: Does anyone know if the custom scrollbar and the carousel have some sort of conflict? I have a carousel in a page and when I add the scrollbar it shows an error saying: “This page contains packed and regular versions of the prototype or scriptaculous libraries. Publishing can not continue.” But as soon as I remove the carousel or the scrollbar it works perfectly. I will give up on the scrollbar because of lack of time but I am still curious as to why it did not work.

Thanks again!

quote

Walter,

How do your get the right arrow in your example (link below) so close to the carousel? When I try to put a button that close it always kicks it way off to the right when I view it in a browser. No trouble with the left side. I know it’s my lack of skill with FW, but this kind of stuff drives me nuts. I’ll be done with our website in 2020 at this rate. I tried doing an inline box model to control it but the action said it wouldn’t work because it had to be a layer. I do have CSS on, but I guess once I put it inside the box model it didn’t like that.

http://scripty.walterdavisstudio.com/carousel/#instructions

Other than that little problem due to ignorance, this action is killer. I don’t know how you do it. Thank you!

quote

Sometime around 22/6/09 (at 05:28 -0400) wurliuchi said:

I tried doing an inline box model to control it but the action said it wouldn’t work because it had to be a layer.

The box model approach is something of a workaround. Until something more integrated comes along, my advice is if you have problems with it just leave it alone. Having said that, there are some real box model whizzes here, so they may be able to offer actual help instead of plain avice. :-)

But I believe the Carousel action requires items to be simple individual layers. Remember, all but the first actual Carousel-defined object will be removed from the layout and stored invisibly elsewhere in the code, ready to be shown in place on demand. Perhaps you can do what you want by putting just the main Carousel item into your box model construction and leaving the Carousel Pane items as ordinary free-standing layered items?

k

quote

How are you adding the custom scrollbar? Are you following instructions I posted elsewhere to use the Protaculous Action? If so, change the Library picker in Protaculous from scriptaculous to scriptaculous-packed and upload again.

Walter

On Jun 21, 2009, at 8:51 PM, Pedro wrote:

“This page contains packed and regular versions of the prototype or scriptaculous libraries. Publishing can not continue.” But as soon as I remove the carousel or the scrollbar it works perfectly.

quote

On 22 Jun 2009, 9:53 am, thatkeith wrote:

Sometime around 22/6/09 (at 05:28 -0400) wurliuchi said:

I tried doing an inline box model to control it but the action said it wouldn’t work because it had to be a layer.

The box model approach is something of a workaround. Until something more integrated comes along, my advice is if you have problems with it just leave it alone. Having said that, there are some real box model whizzes here, so they may be able to offer actual help instead of plain avice. :-)

But I believe the Carousel action requires items to be simple individual layers. Remember, all but the first actual Carousel-defined object will be removed from the layout and stored invisibly elsewhere in the code, ready to be shown in place on demand. Perhaps you can do what you want by putting just the main Carousel item into your box model construction and leaving the Carousel Pane items as ordinary free-standing layered items?

k

Yes, I’m only putting the main C and the buttons in the box model. I’ll try again. I was kind of punchy when I tried it last night.

Thanks.

quote

Walter is this correct?

As I build mainly box model sites with inline content now, this will certainly break any carousels using the earlier carousel action.

Could you clarify? Thanks in advance

I believe the Carousel action requires items to be simple individual layers.

quote

On 22 Jun 2009, 4:19 pm, WebWorker wrote:

Walter is this correct?

As I build mainly box model sites with inline content now, this will certainly break any carousels using the earlier carousel action.

Could you clarify? Thanks in advance

I believe the Carousel action requires items to be simple individual layers.

I don’t really want to use a box model. Like I said, the action didn’t work when I tried to put it in one. I understand that it needs to be an individual layer. I’m just trying to get the right button (arrow) close to the carousel and I’m not able to do that. The html box (an individual layer) holding the graphic on the right keeps getting pushed away from the carousel box (an individual layer) when viewed in a browser and it doesn’t look good. I don’t have any trouble with the left side doing this. So my question is, how do you get the right button so close to the carousel as Walter did in his example page?

http://scripty.walterdavisstudio.com/carousel/#instructions

Thank you.

quote

Here’s an example of what I’m talking about.

http://www.northcoastsoundsystem.com/

quote

On 22 Jun 2009, at 17:43, wurliuchi wrote:

I don’t really want to use a box model. Like I said, the action didn’t work when I tried to put it in one.

Is it possible that the answer might be to put the separate items inside a box that was, in turn, part of a box model? If you don’t have anything where it breaks it if it grows downwards (and it sounds as though you don’t) then the separate parts could live in a box model box perhaps?

best wishes,

Paul Bradforth

http://www.paulbradforth.com

quote

You know, I bet that’s it. When I looked at the source code on Walter’s page (not that I really understand it), I noticed that the right arrow div is floated left, that’s what first got me thinking to use a box model. So, if I make a small box model from the right edge of the page over to the carousel, just for the arrow, that should force it to stay where it should.

I’m going to try that.

Thanks!

quote

That demo page is bog-standard Freeway layer code. No box model nothing! I drew it where I wanted it, the float is just what Freeway does when you draw a GIF box somewhere — it makes a DIV for the position and floats the image inside it.

The Action converts your drawn pane layers into a box-model construction inside of a DIV created wherever you put the master Carousel. But you don’t need to do any of that yourself, just draw boxes where you want them to lie, and be done.

Walter

On Jun 22, 2009, at 1:50 PM, wurliuchi wrote:

When I looked at the source code on Walter’s page (not that I really understand it), I noticed that the right arrow div is floated left, that’s what first got me thinking to use a box model.

quote

Thank you. No matter what I tried I could not get that right button to be close to the carousel. So I just deleted everything and started over drawing things in where I wanted them to be (just like I did the first time). This time it worked without a problem. I don’t know why this keeps happening to me. I have to do everything twice. I think FW has it our for me.

Thanks again. You’re an Action Hero.

On 22 Jun 2009, 5:58 pm, waltd wrote:

That demo page is bog-standard Freeway layer code. No box model nothing! I drew it where I wanted it, the float is just what Freeway does when you draw a GIF box somewhere — it makes a DIV for the position and floats the image inside it.

The Action converts your drawn pane layers into a box-model construction inside of a DIV created wherever you put the master Carousel. But you don’t need to do any of that yourself, just draw boxes where you want them to lie, and be done.

Walter

On Jun 22, 2009, at 1:50 PM, wurliuchi wrote:

When I looked at the source code on Walter’s page (not that I really understand it), I noticed that the right arrow div is floated left, that’s what first got me thinking to use a box model.

quote

Hi Walter,

Can I ask if you can do what is done on this website http://www.gogogunner.com/ with carousel? If you go under portfolio it shows a slider that slides by having the mouse over the pictures instead of a button. Can you tell me if I can do this under carousel? Thank you again for all your hard work.

quote

Another question, if you don’t mind, Walter. Is it possible to use the Carousel Action without having all the Panes preload?

quote

There isn’t anything in the Carousel Action itself to do this sort of thing. The example you showed here is done with jQuery and a few plugins for that system.

Walter

On Oct 19, 2009, at 10:39 AM, Peter Parker wrote:

Hi Walter,

Can I ask if you can do what is done on this website http://www.gogogunner.com/ with carousel? If you go under portfolio it shows a slider that slides by having the mouse over the pictures instead of a button. Can you tell me if I can do this under carousel? Thank you again for all your hard work.

quote

No, that’s how it’s able to work smoothly. You’re just revealing content that’s always there. There are other carousel kits out there that load the panes through Ajax, but this one doesn’t do that.

Walter

On Oct 19, 2009, at 5:37 PM, Bucky Edgett wrote:

Another question, if you don’t mind, Walter. Is it possible to use the Carousel Action without having all the Panes preload?

quote

Hi Walter,

I am trying to link up image titles to the panes. is that possible to do with your actions (or any other actions) ? I have two buttons I use (previous, next) for the carousel, but the buttons can only be linked to one item group. how can I make the text move along with the images?

Cheers Mischa

quote

Put your text and the picture into a div (layer) and use the whole div as your carousel pane.

David

quote

Walter,

Thanks for your reply. Can you tell me why the carousel horizontal with buttons does not work on Windows 7?

Here is my website http://varickdesign.com. It is under portfolio where I have a slider that goes from left to right with buttons. It works in Firefox and Safari but on Windows 7 it will not advance properly to to the 3 pane.

Thank you.

quote

Sorry meant to say explore 7 instead of…

quote

On 20 Oct 2009, 11:24 pm, DeltaDave wrote:

Put your text and the picture into a div (layer) and use the whole div as your carousel pane.

David

Thank you David, yes that works fine.

Mischa

quote

Walter,

Due to time constraint I had to upload the site with a change using the scriptylightbox. Still interested in how to get the slider working using the buttons on IE 7. I will try to set up another site and post it up there. Thanks again for your help.

quote

Hi all,

Can a timer be applied to the carousel, so that each view is shown for a given time, and then moves on automatically to the next page, rather than needing to be clicked?

I am looking to use two carousels with 4 pages in each, and then as the first one has shown all 4 pages, the next one fades in to show its 4 images, and repeat. Hoping to avoid the fast rewind effect.

Thanks

quote

In the Carousel action window you can set an auto glide interval that will change the frame to the next without a click after a set time period.

Is that what you want?

David

quote

Hi WaltD,

Did you ever get round to adding the Carousel Text function to the script ?

Just wondered as I am now enjoying the fruits of many hours extra learning and hand coding my sites to get things just as I want. If this was available though I would be able to return some of my quick turnaround sites to Freeway again…

On another note, does anyone know why the CSS menus script generates so much code ? It can be down much more efficiently with handcoding…

All the best,

mmull

quote

Yes, David. That is precisely what I was after.

Thank you.

quote

Hi.

I’m looking for a way to combine the Carousel action with some kind of “modal box” to build a picture gallery with small thumbnails (which should rotate using Carousel) and larger images that should appear in-line (on the page) when clicking at the thumbnails.

Originally I tried Weaver’s old “Spawn New Moodalbox” action, but due to incompatibilities of the used libraries this doesn’t work.

Is there an alternative action available ? At actionsforge.com I had no luck…

Just to demonstrate what I mean, visit http://www.elektrikforen.de/hausger-te/8746-neuer-backofen-streikt-sicherung-fi-l-sen-aus-2.html . In the middle of the page there are three small images that become larger when clicked. Imagine there would also be a Carousel-like action, then we come close to that what I intend to achieve.

Thanks for any hints or comments :-)

Tobias.

quote

And may I add another followup-question to waltd:

Do you plan to implement a button that allows going back to the first pane (or even to jump directly to a specific pane) ?

quote

Me again, sorry to bother you so often… I just found that the Carousel buttons don’t work well with rollovers.

Applying the button action to the grouped rollover item generates an error: “thisitem has no properties”.

Applying the button action to a child element of the group makes the rollover effect to go away.

Since problems with rollovers aren’t discussed here, I guess that I made something wrong. Perhaps you can give me a hint (or two ;-)

Awaiting your answer. Thank you again :-)

Tobias.

quote

Hello Walter and everyone I just made a new carousel and I never came across a problem like this. I made all html and graphic layers , imported files , ticked Carousel and the rest as C Panes.. great & buttons and named everything from item to a real name It works fine. There are 2 images that are not vertical but horizontal, they do not come up full frame and are cut off. I even created the file the same size, so that was not the problem.. I wonder if any of you can take a look to see what I am not doing right. I continue to trouble shoot but to no avail

Thanks so much here is link http://exitcuckoo.com/exitcuckoophotos.html

quote

On 14 Nov 2009, 12:10 pm, tobiaseichner wrote:

And may I add another followup-question to waltd:

Do you plan to implement a button that allows going back to the first pane (or even to jump directly to a specific pane) ?

The Carousel Tab Action is for that. Apply the Action to a graphic, select which pane you want to target, and you’re all set. A click on that graphic will take you to the pane it’s set to, no matter where else in the carousel you are currently.

Walter

quote

On 14 Nov 2009, 1:43 pm, Carla wrote:

Hello Walter and everyone I just made a new carousel and I never came across a problem like this. I made all html and graphic layers , imported files , ticked Carousel and the rest as C Panes.. great & buttons and named everything from item to a real name It works fine. There are 2 images that are not vertical but horizontal, they do not come up full frame and are cut off.

All of your panes have to be the exact same dimensions, so if you have a mix of vertical and horizontal elements, try making your panes square, and then center the graphics within that square area.

Walter

quote

I even created the file the same size

If you are going to do this with portrait and landscape pics in the same carousel then your graphics in your panes are going to have to be the same size.

Are 3,4 and 7 the landscape ones?

Make the graphic boxes wide enough to accommodate your widest picture and tall enough to suit your tallest - adjust each one to suit the graphic you import at the size you want. This may mean centering horizontally/vertically.

At the moment I can see that your carousel graphics are only 330 wide and 452 tall

David

quote

Thanks for response.. although you guys always taught me to fit box to graphic on each pane sooo.. where do I go from there? The HTML boxes are all same size/ thanks for the help David

quote

The HTML boxes are all same size

And inside these HTML boxes do you have graphic boxes - graphic boxes which should be large enough to fit your widest and tallest pics (as should the HTML boxes)

D

quote

Make sure that the graphics are children of the HTML boxes, other than that I can’t imagine what could be the problem. The pane that you have applied the Carousel action to will define the dimensions for all of the panes in the group. Anything you apply Carousel Pane to will just be sucked into the slider div created by Carousel, and its dimensions will be assumed from the dimension of the first item.

Walter

On Nov 14, 2009, at 10:07 AM, Carla wrote:

Thanks for response.. although you guys always taught me to fit box to graphic on each pane sooo.. where do I go from there? The HTML boxes are all same size/ thanks for the help David

quote

Here is a carousel that has different sized pics in it

http://tardiffphotography.com/masks.html

D

quote

I wil go work on the HTML size that could be the problem

quote

thanks that was the problem, but I fell like a dodo

I have made these simple carousels for a while and forgot the HTML had to be the same size Thanks

quote

@waltd: Thanks for the hint with the tab action, I’ll give it a try.

Do you have an idea why my rollover button refuses to work with the Carousel button action ?

quote

Rollover is broken in the Carousel Button, but it works in the Carousel Tab. I need to fix something (actually Paul sent me a fixed version a while back and I need to upload that).

Walter

On Nov 14, 2009, at 4:23 PM, tobiaseichner wrote:

@waltd: Thanks for the hint with the tab action, I’ll give it a try.

Do you have an idea why my rollover button refuses to work with the Carousel button action ?

quote

Rollover is broken in the Carousel Button, but it works in the Carousel Tab.

Unfortunately it has to be a button for this task… anyway, time isn’t a real problem (if we talk about few weeks), so I can certainly wait.

Should it take longer, just let me know and I’ll change the current layout not using rollovers, which is also an option.

Anyway, thank you for your efforts. The Carousel is really an outstanding action :-)

quote

Hi guys

I have one question as i also like the Carousel….action

when images transition there is a little wobbly thing going between….. I have made sure the files are small so its not a loading issue.. any ideas?

Thanks

quote

I’m facing a strange problem with the Carousel on a complex page using Weaver’s sFx Accordion action and rollovers (and some other actions, but these are image manipulation ones):

Creating a new page from master works well. Carousel and other actions.

When I then apply modifications to that page (also on items not associated with Carousel), the animation of the Carousel action stops to work and the first graphical tab of a set of tabs is getting lost (broken image on browser, image is fine on FW).

I removed sFx action from the page (since beside Carousel it is the most complex one on that page), but the result is the same. Carousel’s animation is gone and the first Carousel Tab is lost.

When I delete the first tab, the second one disappears when previewing the page in webbrowsers. Really strange.

Safari’s JavaScript console gives me something like this:

�PNG SyntaxError: Parse error

quote

As an addition to my bug report:

When I force the entire site being re-created, the problem persists. BUT when I delete the entire site folder and then re-generate the website, Carousel is working again and the “disappeared” image is back again.

However as soon as I do another modification to that page (e.g. adding a new item or modifying a HTML text), the problem returns and it is necessary to remove all contents from the site folder to make it work again.

Tobias.

quote

And me again… it seems that it isn’t possible to place Carousel buttons or tabs within a Carousel or Carousel pane, is ?

My intention was to create some kind of menu at the first Carousel page to let user jump to given chapters.

But when I do so, the Carousel doesn’t work (no error message, however).

Tobias.

quote

Strange… buttons are working within Carousel items, tabs don’t.

Tobias.

quote

You might want to have these buttons float above the Carousel itself in a separate layer. Try drawing them off screen, then drag them over the top of your Carousel area.

Walter

On Nov 29, 2009, at 10:00 AM, tobiaseichner wrote:

Strange… buttons are working within Carousel items, tabs don’t.

Tobias.

quote

@waltd: I tried so, but unfortunately this destroys my layout on Windows OS (small differences in font size hides the text behind the images there).

Anyway, is this something we can consider as a bug and it becomes solved within the next weeks (as the other reported one not allowing to use rollovers with Carousel buttons) ? I’m not in a hurry and could wait if it is something that might get solved.

(I know you are doing all this for free in your spare time, so it’s not criticism, but more a wish :-)

Again, thanks for your help.

Tobias.

quote

Is it intended that a JavaScript error generated on one page (Carousel tab) also affects the same action on other pages ?

Because I noticed that when having a faulty Carousel action on one page, also other pages are not working.

Tobias.

quote

If you get a JavaScript error in an Action, that error will remain lodged in Freeway until you clear it (or it gets fixed with a new version of the Action). Click on an object that has the problematic Action applied, and look in the Actions palette. You should see a Clear Error button there. Press it. Then publish again. When you see the error, take a screen shot of it, because there’s no other practical way to get the error out to the developer.

Walter

On Dec 2, 2009, at 3:59 PM, tobiaseichner wrote:

Is it intended that a JavaScript error generated on one page (Carousel tab) also affects the same action on other pages ?

Because I noticed that when having a faulty Carousel action on one page, also other pages are not working.

quote

Here it is: http://www.starenterprise.com/jserror.tiff

The error is related to the Carousel tab action being added to a rollover-styled image.

Hope it’s of help to you.

Tobias.

quote

Check to be sure you have the very latest version of the Protaculous Action installed. This doesn’t look like the current code. If you don’t, be sure that you look through the new directions, as the application method has changed.

Walter

quote

Interesting… I updated your action using either this link or the repository at actionsforge.com, not sure. Isn’t there the latest Prototype/Scriptaculous included, is ?

Anyway, installed Carousel is version 1.1, Carousel button 0.8, Carousel pane 0.2 and Carousel tab is 0.6.1.

The protoype file is named prototype1602packer.js and scriptaculous file is named scriptaculous181packer.js.

Strangely opening the files in a JS IDE I get just one long line of text… well, shouldn’t matter but it looks like there is an EOF issue.

Furthermore there is a glider.js that opens fine in my IDE (Komodo) and is labelled version 0.0.4.

Well, how I built the page I’m using the Carousel:

I created a set of HTML items. At the first item I applied the “Carousel” action and at the other ones the “Carousel pane”. There are no groups of objects, if you mean this.

Then there is a set of Carousel buttons and tabs placed outside the HTML objects (remember about my issue I reported with tabs placed insight a Carousel pane).

The only “special thing” there is that I applied the rollover actions to all of these buttons and tabs and built the buttons using image items and an action named “füllmeister” in my German version to get a background showing a colour gradient.

Of course, the button image items are grouped together for making the rollover thing working.

Do you have any insights for me ?

Tobias.

quote

Try adding a link to your rollover buttons — it can be anything, even just a # in the External field.

I don’t believe this should be necessary, but you might try it and see if it makes any difference. I have tested here and Carousel Tabs definitely “plays nice” with rollover effects.

Walter

On Dec 3, 2009, at 2:46 PM, tobiaseichner wrote: >

Do you have any insights for me ?

Tobias.

quote

Absolutely strange (my new favorite word ;-)

I created a new project and copied the page in question to that new project to exclude any side effects of actions placed on other pages there.

First try: Error message appears “as usual”.

I removed all buttons, page is generated nicely. Then started to create new buttons with rollovers and coloured backgrounds, even my special font I used. Then applied both (not at the same time, of course ;-) actions, tabs and buttons to the images.

Second try: Page is generated as intended and works (well, button without rollover effect, but that’s acceptable so far and was expected).

Then I copied my existing button set to the page and removed all tabs and button actions there. The page generated well.

Now I applied a tab action to one single button (at the “grouped” item, not to a member of it).

Third try: Error message appears again.

Fourth try with button action failed as well.

Now I changed the image type from PNG (millions of colours) to GIF (adaptive 256 colours). Fifth try failed.

However I noticed there that one graphic has 0 bytes. And applying the rollover action to the container makes only the container item to show up at action’s settings.

So there really seems to be something wrong with my existing buttons (they were copied and pasted several times, maybe this broke something).

I’ll check this out by creating them from scratch, which is a bit time consuming but confessed, it’s my last idea.

Thanks so far for having a closer look at this issue. Any insights or tips are welcome :-)

As soon as I gave it a try, I let you know here for sure :-)

Tobias.

quote

Make sure that you try this set of steps:

1. Draw a new HTML box on a new page of a new document. Fill it with a color, and apply the Carousel Action to it.
2. Duplicate that box (Command-D) and drag it off somewhere else. Remove the Carousel Action and add the Carousel Pane Action. Change the background color to something different.
3. Draw a new graphics box on the page, fill it with a color. Duplicate it in place (0,0 offsets) and fill it with a different color.
4. Drag a selection rectangle around the two graphic boxes so you are sure they are both selected, then Group them.
5. Apply the Rollover Action to the group. Set your Rollover effect so that the colors change when you mouse over the graphic.
6. Apply the Carousel Tab Action to the group. Set it to target the second pane in your low-fi carousel.

Preview, and it should Just Work^™.

Walter

On Dec 3, 2009, at 3:34 PM, tobiaseichner wrote:

Thanks so far for having a closer look at this issue. Any insights or tips are welcome :-)

quote

I did exactly as you describe, but there must be an issue with my old button items.

Now I removed all existing buttons and created them from scratch, and… what should I say, anything works now as expected :-)

However this entire thing will be a profound mystery for me. Not sure what went wrong, especially because I created the buttons exactly the same way as I did first time.

Anyway, it works and nothing else matters :-)

So thank you again for taking a closer look to my issues.

Tobias.

quote

Hi Walter, Im looking at trying to add 2 carousals both activated by one set of buttons - also i need one of the carousals to slide the opposite way to the other?! Is this possible? Know a work around? Cheers

Jus

quote

The Carousel effect will move in either direction, but if you are running it in automatic animation mode, it always starts at the right and animates left until it reaches the end, then rewinds and repeats. There is no way to change that — it’s hard-wired into the underlying JavaScript effect that I used to make the Action.

You can have one Carousel with multiple sets of controls, but there is no way to have one set of controls move multiple Carousels. Again, this is baked in and intentional.

The only way to work around the second problem would be to hand-code a replacement for the function generated by the Action. You would need to do something like this:

Original: http://gist.github.com/270331

New: http://gist.github.com/270333

Now that I think about it — if you’re going this far you could always “tell” the second Carousel that left meant right, and to start at the last item in the options.

Counter-move: http://gist.github.com/270337

The differences are subtle, but what you are doing is creating a single observer for the buttons assigned to one object that can move both objects at the same time. The Action can’t build that for you. Note that if you do this, you will have to make these code changes over again (in a text editor) each time you change the design.

Walter

On Jan 6, 2010, at 10:11 AM, Justin Easthall wrote:

Hi Walter, Im looking at trying to add 2 carousals both activated by one set of buttons - also i need one of the carousals to slide the opposite way to the other?! Is this possible? Know a work around?

quote

@walter

Is there a way to target the carousel and it’s panes from a text link?

Rob

quote

Sure. You only need to create an anchor link to the pane, using the ID of that pane as the anchor URI. So if the pane you want to move to using your text link is called item4, you would highlight your link text, open the Hyperlink dialog, move to the External side of things, and enter #item4 as the entire link.

That’s all it takes.

Walter

On Jan 7, 2010, at 11:22 AM, RobP wrote:

@walter

Is there a way to target the carousel and it’s panes from a text link?

Rob

quote

Walter

Thanks for this quicky. However I’m using the “markup element” for the link.

Currently it shows: Xentis

What would be the correct link to put in manually to target “item4”?

quote

Xentis</ a>

Walter

Thanks for this quicky. However I’m using the “markup element” for the link.

Currently it shows: Xentis

What would be the correct link to put in manually to target “item4”?

quote

Walter,

something went wrong With the link. It’s à bit more then Xentis. How can I put the link in a reply?

quote

How can I put the link in a reply?

4 Tildes in a row ~~~~

New line and paste your code then new line and 4 more Tildes ~~~~

David

quote

Thanks Walter appreciated

The differences are subtle, but what you are doing is creating a single observer for the buttons assigned to one object that can move both objects at the same time. The Action can’t build that for you. Note that if you do this, you will have to make these code changes over again (in a text editor) each time you change the design.

Walter

quote

Sorry about the link, I was replying from mail and couldn’t check directly what Markdown would think of it.

<a href="#item4" title="Xentis carbon producten"><span>Xentis</span></a>

That’s what it’s supposed to look like.

Walter

quote

I’m really loving this carousel action, but I would sure like the rollover to work with the carousel buttons. Any progress in this department? Thanx!

quote

I wonder if it’s possible to implement some kind of conditions ? For example it would be helpful to disable the “Next page” button when viewing the last Carousel pane.

quote

That’s a cool idea. I’ll have to put that on the list.

Walter

On Feb 24, 2010, at 3:31 PM, tobiaseichner wrote:

I wonder if it’s possible to implement some kind of conditions ? For example it would be helpful to disable the “Next page” button when viewing the last Carousel pane.

quote

Yeah, this would be nice. I currently work on a “multi-page” order form using the Carousel action. While it looks great already, here is a small wishlist of what perhaps could be done:

• Disabling next page button (as previously mentioned, just to be complete).
• Change button caption on a per-page base.
• Enabling/disabling other elements on a page (e.g. have the form submit button visible only at the last pane).

Well, not sure what can be realized finally (perhaps there are some technical limitations I haven’t thought about while my imagination ran wild ;-) .

Oh, and I found a small bug (not sure if it is one, let’s call it strange behaviour instead of): When directly linking to a Carousel pane using an acnhor link (e.g. “#mypane5”), then the Carousel switches to that pane but without any animation.

quote

• Change button caption on a per-page base.

Could you include copies of the button in your Carousel panes? Then you could swap things around automatically as part of the Carousel’s standard existing behaviour.

I did something a little like this to make the Preferences controls for the Hyperwords extension for Google Chrome; there’s a CSS Menus navigation thing that sits on top of the Carousel, and each Carousel pane has it’s own arrangement of ‘tabs’ that show up behind the CSS Menus text. The result is as if the CSS Menus option for hilighting the current page is able to work for same-page, different pane Carousel structures too. And setting the slide time to zero makes it behave more like an app.

To see this… Run Google Chrome and go to http://www.hyperwords.net/ Click the install button, then go to any web page, select some text and point at the small ‘droplet’ icon that appears. Click the ‘hw’ logo at the bottom of the menu… the Hyperwords Preferences layout you’ll get is a Freeway production, sliced and diced into the extension by one of the programmers. (Who is also called Tobias, coincidentally.)

k

quote

This is normal. If you use a question mark instead of a hash mark (and then the ID of the pane), you will get the load-then-scroll behavior.

Walter

On Feb 24, 2010, at 4:48 PM, tobiaseichner wrote:

Oh, and I found a small bug (not sure if it is one, let’s call it strange behaviour instead of): When directly linking to a Carousel pane using an acnhor link (e.g. “#mypane5”), then the Carousel switches to that pane but without any animation.

quote

This is normal. If you use a question mark instead of a hash mark (and then the ID of the pane), you will get the load-then-scroll behavior.

“?mypane5” works, but with one negative side-effect: I have another Carousel on that page (panes all named differently) which also moves to a pane.

Using “#mypane5”, the other Carousel isn’t affected (of course also the Carousel buttons are working well as intended - so this just happens when using a question mark styled link).

Do you have a guess what the reason might be ?

Tobias.

quote

@thatkeith: Thanks. I’ll check this out definitively.

quote

That doesn’t make any sense at all. Only the carousel that has the named object in it should be affected. Can you post a link so I can watch the goings-on with Firebug?

Walter

On Feb 24, 2010, at 6:40 PM, tobiaseichner wrote:

This is normal. If you use a question mark instead of a hash mark (and then the ID of the pane), you will get the load-then-scroll behavior.

“?mypane5” works, but with one negative side-effect: I have another Carousel on that page (panes all named differently) which also moves to a pane.

Using “#mypane5”, the other Carousel isn’t affected (of course also the Carousel buttons are working well as intended - so this just happens when using a question mark styled link).

Do you have a guess what the reason might be ?

Tobias.

quote

I’ll prepare a page and contact you by e-mail later today.

Tobias.

quote

On 6 Jan 2010, 2:40 pm, waltd wrote:

The Carousel effect will move in either direction, but if you are running it in automatic animation mode, it always starts at the right and animates left until it reaches the end, then rewinds and repeats. There is no way to change that — it’s hard-wired into the underlying JavaScript effect that I used to make the Action.

Walter, can’t that “underlying JavaScript” be modified? Because right now, the “Auto-Glide” feature is rather silly in some applications. (Indeed, I’m rather shocked that no one has even mentioned this until now.)

Think about it. Say you’ve got 10 panes/pics and your Auto-Glide interval is set to 6 (seconds). The intent is to show visitors a sampling of the products one can find on this particular site. The viewer will automatically be taken, slowly, through each of the 10 pics and they get 6 seconds to view each of them. But after the last pic — BOOM! — the viewer is taken on a roller coaster ride while all the pics are flashed back in a second of time and then it starts over again. That “rewind” part looks tacky. In this case, it should merely LOOP (maintaining the same Auto-Glide interval). There’s no reason you would want all the pics to rewind at high speed.

So I propose that this be made an option. Some people may want the existing REWIND functionality. But we also need a means of turning it off. In the case where it is turned off, after you view the last pane/pic, the first pane/pic will then come into view again just as slowly as the previous pics. No high speed rewind through all the pics! That would look much better, in my opinion, in most situations than Rewind.

Possible?

—James Wages

quote

James, I would love to have the time to write this. It’s not that hard, I have done something similar. But I need to reverse-engineer how the current system works, and add on to it.

I was lucky in that I was able to essentially bolt on an interface to the Glider.js script using my Action, and force fit the Freeway layout into the type of html that Glider expects:

    <div overflow:hidden>
        <div really wide position absolute>
            <div pane />
        <div pane />
        <div pane />
    </div>
</div>

As I’ve said before, the trick is to make the first pane appear twice, then rig the moveTo function to reset to 0 when it reaches the end in one massive (invisible) jump.

Walter

On Apr 1, 2010, at 9:50 PM, JDW wrote:

On 6 Jan 2010, 2:40 pm, waltd wrote:

The Carousel effect will move in either direction, but if you are running it in automatic animation mode, it always starts at the right and animates left until it reaches the end, then rewinds and repeats. There is no way to change that — it’s hard-wired into the underlying JavaScript effect that I used to make the Action.

Walter, can’t that “underlying JavaScript” be modified? Because right now, the “Auto-Glide” feature is rather silly in some applications. (Indeed, I’m rather shocked that no one has even mentioned this until now.)

Think about it. Say you’ve got 10 panes/pics and your Auto-Glide interval is set to 6 (seconds). The intent is to show visitors a sampling of the products one can find on this particular site. The viewer will automatically be taken, slowly, through each of the 10 pics and they get 6 seconds to view each of them. But after the last pic — BOOM! — the viewer is taken on a roller coaster ride while all the pics are flashed back in a second of time and then it starts over again. That “rewind” part looks tacky. In this case, it should merely LOOP (maintaining the same Auto-Glide interval). There’s no reason you would want all the pics to rewind at high speed.

So I propose that this be made an option. Some people may want the existing REWIND functionality. But we also need a means of turning it off. In the case where it is turned off, after you view the last pane/pic, the first pane/pic will then come into view again just as slowly as the previous pics. No high speed rewind through all the pics! That would look much better, in my opinion, in most situations than Rewind.

Possible?

—James Wages

quote

Newly released version of actions give message that the action “took so long to execute that it timed out”. Any thoughts?

quote

@Taro Yamamoto: I experience this behaviour sometimes on pages using a lot of actions at the same time.

Perhaps you want to reduce the number of actions used and give it a try to see whether or not it works.

quote

tobiaseichner, thanks for advice, but it does not work. Have you used this new version? Does it work for you?

quote

Yes, I updated my current projects today without trouble.

An other advise I got earlier in such a case is to delete all files located within your site folder (move them to trash and empty). Then generate the entire site from ground.

This helps me in cases where FW does not generate buttons or causes trouble with non-functional actions.

quote

Strange… now I get the same error message as Taro Yamamoto. Not sure why my first attempts worked well.

Deleting the website folder isn’t a solution, the problem persists.

@waltd: Is there a way to download the previous version until you fixed the problem (or whatever this is caused by) ?

quote

It’s a transition issue. Like ripping off the band-aid, it’s something you have to work through. When I say delete the site folder, all I mean is delete the published site on your hard disk. Freeway will re- publish it for you very quickly.

Walter

On Apr 19, 2010, at 4:11 PM, tobiaseichner wrote:

Strange… now I get the same error message as Taro Yamamoto. Not sure why my first attempts worked well.

Deleting the website folder isn’t a solution, the problem persists.

@waltd: Is there a way to download the previous version until you fixed the problem (or whatever this is caused by) ?

quote

Ah, that was my fault. Sorry. I forgot to click away the FW JavaScript error message. So it popped up every time I tried to generate the page.

But… (it’s always something, isn’t) I now miss the animation for a Carousel. The panes are working, but not animated. Well, I’ll check it first (likely I missed a step).

Tobias.

quote

Can you post a link? It sounds as though the libraries aren’t being found. I would guess that if you view source, you will see one or more lines that look essentially like this:

<script src="" type="text/javascript></script>

So you’re not quite out of the woods.

How many different pages on this site have the Carousel effect on them? Can you try a save as, then delete all the other pages in the site, choose a different publish folder on your hard disk (make a new one, to be sure) and see if the problem follows when you do that?

My guess here is that the replacement process did not “stick” somehow, and you have a ghost version of the Action still lodged in the Freeway document itself, or somewhere on your disk, and Freeway is preferring that version to the new one for some reason.

Walter

On Apr 19, 2010, at 4:43 PM, tobiaseichner wrote:

Ah, that was my fault. Sorry. I forgot to click away the FW JavaScript error message. So it popped up every time I tried to generate the page.

But… (it’s always something, isn’t) I now miss the animation for a Carousel. The panes are working, but not animated. Well, I’ll check it first (likely I missed a step).

Tobias.

quote

Here is what I did (without much success to say it beforehand):

I downloaded the entire action package from actionsforge.com and installed it again ensuring that there was no error here yesterday.

Now deleted the entire site folder of that project, restarted FW and Safari.

Opened the project and created a new page from the existing template. Now the timeout-error popped up again.

Another time I restarted FW. After removing the error message, the page is being generated and Carousel is working - but without animation.

There are no empty script elements in the source.

However just one thing that I really (really, really) hate:

script src="http://ajax.googleapis.com/ajax/libs/prototype/1.6.1.0/prototype.js" type="text/javascript"> </script> <script src="http://ajax.googleapis.com/ajax/libs/scriptaculous/1.8.3/scriptaculous.js" type="text/javascript">

I’m not sure if it’s wise to load libraries this way. I would love to have anything on my local system respectively later on my very own server.

Since not loading these libraries causing the entire website to not work correctly, I won’t rely upon Google (or any other third party server).

But I must confess that I never noticed this before (nor paid much attention to the source) and it may be implemented that way also in previous versions.

Regardless, at the time I’m testing this, the computer is connected to the Internet.

Well, I’ll go on and prepare something as demo. I’ll provide the URL by e-mail to you once ready (not sure if I can manage it tonight).

Tobias.

quote

I also tried to use a different folder for publishing (saved the entire project under a different name, opened it, changed site folder and created a fresh page - no other pages are currently in that project).

Interestingly the “timeout” error popped up again as I tried to generate the site the first time. After clicking it away, Carousel worked - but still without animation :-(

quote

@waltd: Demo has been sent. Looking forward to your feedback :-)

Tobias.

quote

If you disconnect from the net, and publish, you will get the old behavior, where the prototype and scriptaculous libraries live locally.

As to relying on Google, that’s kind of like relying on the sun to rise. You will be a very very rich man, with millions to burn on data centers, before you are more reliable than they are. This is a very trustworthy and available service, and it is used more often than not when it comes to loading these libraries (and jQuery, and MooTools, and probably a few more).

Walter

On Apr 19, 2010, at 5:16 PM, tobiaseichner wrote:

Here is what I did (without much success to say it beforehand):

I downloaded the entire action package from actionsforge.com and installed it again ensuring that there was no error here yesterday.

Now deleted the entire site folder of that project, restarted FW and Safari.

Opened the project and created a new page from the existing template. Now the timeout-error popped up again.

Another time I restarted FW. After removing the error message, the page is being generated and Carousel is working - but without animation.

There are no empty script elements in the source.

However just one thing that I really (really, really) hate:

script src="http://ajax.googleapis.com/ajax/libs/prototype/1.6.1.0/prototype.js " type="text/javascript"> </script> <script src="http://ajax.googleapis.com/ajax/libs/scriptaculous/1.8.3/scriptaculous.js > " type="text/javascript">

I’m not sure if it’s wise to load libraries this way. I would love to have anything on my local system respectively later on my very own server.

Since not loading these libraries causing the entire website to not work correctly, I won’t rely upon Google (or any other third party server).

But I must confess that I never noticed this before (nor paid much attention to the source) and it may be implemented that way also in previous versions.

Regardless, at the time I’m testing this, the computer is connected to the Internet.

Well, I’ll go on and prepare something as demo. I’ll provide the URL by e-mail to you once ready (not sure if I can manage it tonight).

Tobias.

quote

Yes, your demo project works great. Strange, strange, strange.

Ha, I got it :-)

I added the “Attention FX” action to two of your buttons - and here is the timeout error again and animation refuses to work (also on the other buttons).

So it seems that this is an incompatibility between these two actions.

Regarding the Google issue… so I simply have to stay offline while generating the website to get the local versions of that libraries implemented ? Sounds easy enough to me :-)

quote

Yes.

Walter

On Apr 19, 2010, at 5:53 PM, tobiaseichner wrote:

Regarding the Google issue… so I simply have to stay offline while generating the website to get the local versions of that libraries implemented ? Sounds easy enough to me :-)

quote

That is really odd. What version of Attention FX do you have there? Click one of the buttons that has it and look in the Actions palette, lower right corner and tell me what the number you see there is.

Walter

On Apr 19, 2010, at 5:53 PM, tobiaseichner wrote:

I added the “Attention FX” action to two of your buttons - and here is the timeout error again and animation refuses to work (also on the other buttons).

So it seems that this is an incompatibility between these two actions.

quote

It’s version 1.0.5.

quote

I am jumping in with a different error

“FWOutput:fwMove” cannot make its child a parent

And this on a page that is unchanged apart from the revised actions!

David

quote

Is it possible to get links to the previous version of Carousel. The one released on April 18th is definitely broken. It is so difficult to use that it makes no sense whatsoever. Thanks.

quote

There are new versions of the Actons on the Forge. Announcement here: http://freewaytalk.net/thread/view/69250

Walter

quote

I updated the action, removed all files from the site folder and created a new page - same result: No animation at all.

Safari shows me an error message at the console, maybe it helps:

TypeError: Result of expression ‘Effect.SmoothScroll’ [undefined] is not a constructor.

It was found at glider.js at line 85. And that’s the header of the version of glider.js I have (guess it’s part of your action):

/** * @author Bruno Bornsztein <email@hidden> * @copyright 2007 Curbly LLC * @package Glider * @license MIT * @url http://www.missingmethod.com/projects/glider/ * @version 0.0.4 * @dependencies prototype.js 1.5.1+, effects.js */

No luck, unfortunately :-(

Have you tried the project I sent with the new version… did it work on your side ? Could you reproduce the error overall ?

Tobias.

quote

And another (or the same) issue found at a different project I tried to open and generate pages of:

The file <path>:Library:Application Support:Freeway 5:Actions:Protaculous.fwactionb:Contents:Resources:Actions:glider.js was not found and will be skipped.

Anyway, it seems that all trouble points to an issue with glider.js ?

Tobias.

quote

Ignoring the error message that glider.js was not found at the intended location, led to the previously noticed timeout error. Clicking that away as well, the second project is working (Carousel is animated).

However when creating a new page, the timeout error reoccurs, so this isn’t considered error free as well. But it appears to be random behaviour - I tried creating a new page five times now - two timeouts, three fine.

Nevertheless the first project (the one I sent you) still has no animation at all.

By the way, just to have a safe haven… do you mind to make the original (pre-trouble) version of the action available for download as well ? (Unfortunately I have updated it without keeping a backup)

Tobias.

quote

The problem points to your copy of the Action trying to load the file from a different location. which means categorically that you have ended up with a mixture of the old and the new in a single Freeway document.

Try a brand new document, and see if the problem follows. If it doesn’t, then you will need to keep pulling apart the old document until you find every last case where a Scripty Action was applied — trust me, it’s in there somewhere — because the Action does work, and appears to work well with others, too.

If the problem does repeat, then that indicates that you have not managed to get rid of the other version(s). This can happen when you download the same file more than once — Finder will rename the downloaded file, and Freeway does not manage Action files entirely based on their Action names— it also considers the filename.

Open up your Edit / Actions dialog, and see how many instances of Protaculous you see. Then do the same for the other “Scripty” Actions: Attention FX, Transition FX, Sound FX, and the other Actions in Protaculous and my various ScriptyFoo Actions. Somewhere there is another version of the same Action which is “masking” the correct behavior.

Walter

On Apr 20, 2010, at 10:36 AM, tobiaseichner wrote:

And another (or the same) issue found at a different project I tried to open and generate pages of:

The file <path>:Library:Application Support:Freeway 5:Actions:Protaculous.fwactionb:Contents:Resources:Actions:glider.js was not found and will be skipped.

Anyway, it seems that all trouble points to an issue with glider.js ?

Tobias.

quote

Okay. The glider.js-not-found error appears only once. It can be clicked away and seems not to reoccur for that specific project file (even when adding new or updating existing pages). Animation also works :-)

So it can be considered that this is just a one-time thing during actions update. Problem solved.

However the first project (with “Attention FX” assigned to items also using “Carousel Tab”) still has no animation. Removing all “Attention FX” actions from that page, the animation works.

So there is one issue with the combination of these two actions.

Tobias.

quote

I have identified that problem, and am working with Softpress to resolve it right now. At the moment, it appears that the only sensible position is to roll back to the previous version (I have enabled all of them) and wait until I release another version that fixes things definitively.

The issue is happening because your page is getting two copies each of Prototype and Scriptaculous, and the order of attachment is causing any part of Prototype that’s been “extended” in glider.js or lightwindow.js to be re-set to the original defaults, which then fail to care about the calls made to Prototype from those respective libraries. If you view your sites in Firefox with Firebug on, you’ll see a whole raft of exciting errors that Safari is kindly keeping mum about.

Walter

On Apr 20, 2010, at 11:20 AM, tobiaseichner wrote:

Okay. The glider.js-not-found error appears only once. It can be clicked away and seems not to reoccur for that specific project file (even when adding new or updating existing pages). Animation also works :-)

So it can be considered that this is just a one-time thing during actions update. Problem solved.

However the first project (with “Attention FX” assigned to items also using “Carousel Tab”) still has no animation. Removing all “Attention FX” actions from that page, the animation works.

So there is one issue with the combination of these two actions.

Tobias.

quote

Walt, I was just adding a simple carousel with tabs and am getting a javascript error [in Funcation addclassname] on the first tab. Am using tab version 0.7.2 I see you have a new version, but lots of comments about problems. I am also using Transition FX on this page.

I will continue without the tab feature for now, but would like to include.

Thanks a lot. Jan

quote

Please do update to the very latest version. You’ll find you cannot download 0.7.2 any more, I withdrew it and replaced it with a version that works.

Walter

On Apr 29, 2010, at 12:38 PM, jan smoot wrote:

Walt, I was just adding a simple carousel with tabs and am getting a javascript error [in Funcation addclassname] on the first tab. Am using tab version 0.7.2 I see you have a new version, but lots of comments about problems. I am also using Transition FX on this page.

I will continue without the tab feature for now, but would like to include.

Thanks a lot. Jan

quote

Walt, Thanks. The latest version, 0.7.3, seems to be working fine. I see in my Insert Action Item a Carousel Text Tab. This part of a new version. What does this do? Also have seen questions about using rollovers - this feature work now?

Thanks so much for the updates. Jan

quote

Carousel Text Tab works somewhat like the love-child of the Text Rollover Action and the Carousel Tab Action. It creates a text link that navigates to a particular pane of your Carousel, just like the image-based Carousel Tab Action.

Also, rollovers are working now, for Buttons and Tabs.

Walter

On Apr 30, 2010, at 12:24 AM, jan smoot wrote:

Walt, Thanks. The latest version, 0.7.3, seems to be working fine. I see in my Insert Action Item a Carousel Text Tab. This part of a new version. What does this do? Also have seen questions about using rollovers - this feature work now?

Thanks so much for the updates. Jan

quote

Walt, Thanks a lot for the update. Maybe when you have a free afternoon you could do a revision of your carousel instructions page and show us all the bells and whistles! I am using the .active suggestion with a square gif, but more interesting tabs/buttons would be nice.

Appreciate all you do.

Jan

quote

Carousel will be dazzling when the current REWIND functionality is replaced by a LOOP feature. If I were more code savvy I would certainly have followed Walter’s previous advice in this thread and implemented already. But alas, I must wait for the more technically inclined to accomplish that for us.

—James Wages

quote

Since we’re on the subject, how does Apple do the fade and switching of multiple graphics on its top page? Here’s an example from Apple Japan:

http://www.apple.com/jp/

Clearly they aren’t using Flash. This would be something I’d like the option to do with Carousel.

—James Wages

quote

They are using Scriptaculous. You can do the same thing with Transition FX in Freeway.

Walter

On May 3, 2010, at 3:54 AM, JDW wrote:

Since we’re on the subject, how does Apple do the fade and switching of multiple graphics on its top page? Here’s an example from Apple Japan:

http://www.apple.com/jp/

Clearly they aren’t using Flash. This would be something I’d like the option to do with Carousel.

—James Wages

quote

Carousel Tab action still doesn’t work. I also wonder how is better to download this action. It seems to be a part of the package. Why then all elements of Carousel action posted separately?

quote

Please define “doesn’t work”. The ActionsForge lists each action separately, so that each one can have its own instructions, comments, and version history. But all of the Carousel Actions are bundled in a single file. If you download one, you get them all.

Walter

On May 3, 2010, at 9:42 AM, Taro Yamamoto wrote:

Carousel Tab action still doesn’t work. I also wonder how is better to download this action. It seems to be a part of the package. Why then all elements of Carousel action posted separately?

quote

“doesn’t work” means gives timed-out error.

quote

Which version of Carousel Tabs are you using? Have you gone through the recommended steps to migrate from previous versions to the current one?

They are:

1. Go through your entire site, and remove all instances of Carousel anything.
2. Publish once.
3. Go back through and re-apply the Actions to build up the effect again.
4. Publish again.

Walter

On May 3, 2010, at 10:24 AM, Taro Yamamoto wrote:

“doesn’t work” means gives timed-out error.

quote

Walter, Transition FX does not appear to be a solution here. I have several graphics on the top page of one of my sites that I want to automatically shuffle through. Currently, I use Carousel to move through them, showing each for about 6 seconds. But in light of your recent post, I gave Transition FX a try, but there are problems.

You cannot use the “On Trigger” settings for Transition FX in this case because you can only choose from Click or Mouseover. Since I want the graphics to show automatically (similar to how Carousel does it), On Trigger won’t accomplish that. So the only useful settings are within On Page Load.

Using Transition FX’s “On Page Load” settings I can get my graphics to appear, but that’s it. And although I can get my first graphic to appear and then fade out after a specified duration, I cannot get the others to do the same. Moreover, how then do I loop through all the graphics again using Transition FX?

So you see, Transition FX is not a solution here.

Carousel works well enough. It just needs an option to cycle through the same graphics without that “rewind” part. You can see how I’ve got it setup on my beta site here:

http://www.visionsecurity.jp/beta/

—James Wages

quote

Walter,

I have just added a second carousel to a page. Both carousel’s have a set of Tabs and auto-glide. Problem is, the second carousel body text is not visible. Tabs appear to be working. I am using the .active technique to highlight the tabs. Using new Tab version 0.7.3, Carousel 1.2.5 and Carousel Pane 0.3.3. Am I out of date on something?

Page link http://www.invisionllc.com/alphasite/executives.html

Thanks for your help. Hope it’s something simple. Jan

quote

I don’t see anything wrong with the way the function is applied. Can you try cutting just the carousel elements to another page, and test that in isolation? You have a few other effects on the same page, and there might be a conflict with one of them.

Also, you do have each of the base Carousel elements as stand-alone layers, right?

Walter

On May 10, 2010, at 11:27 PM, jan smoot wrote:

Walter,

I have just added a second carousel to a page. Both carousel’s have a set of Tabs and auto-glide. Problem is, the second carousel body text is not visible. Tabs appear to be working. I am using the .active technique to highlight the tabs. Using new Tab version 0.7.3, Carousel 1.2.5 and Carousel Pane 0.3.3. Am I out of date on something?

Page link http://www.invisionllc.com/alphasite/executives.html

Thanks for your help. Hope it’s something simple. Jan

quote

Walter,

I isolated the carousel items and still doesn’t work. See http://www.invisionllc.com/carouseltest.html

Odd. Thanks. Jan

quote

Well, I don’t see anything at all on that page, just a beige box and a red stripe with six boxes. There’s something else at play here.

Try starting over from a blank page in a new document, and draw each element again. Publish, and make sure that all of the elements show on the screen. Then go through and apply the Actions, and make sure they get swallowed up and create the effect. This really does work, and you can make as many different carousels on a page as your visitors’ browsers have memory to run them.

Walter

On May 11, 2010, at 10:06 AM, jan smoot wrote:

Walter,

I isolated the carousel items and still doesn’t work. See http://www.invisionllc.com/carouseltest.html

Odd. Thanks. Jan

quote

In the source, you can see there should be a carousel of items, MajorFinding1 - MajorFinding6, that appear in the beige box. The little red squares are the tabs.

I isolated further on http://www.invisionllc.com/caroulseltest2.html Took the caroulsel action off. All items set to layer and are visible.

Does this help? Thanks.

quote

Is this made in the same site document as the others? If so, then it won’t help you figure out what the conflict is. Start with a new document, containing a single page, and build the effect up from scratch there. Then publish it and see that it works. It would help to have the other document closed while you do this, and that you not copy and paste anything from one document to the other (unless it’s text, and unless you paste without style). Freeway carries an amazing amount of metadata in its clipboard, and it also caches Actions within the documents that use them, and I’m thinking you’ve got some mixture of Action versions or something else like that going on here.

Walter

On May 11, 2010, at 10:30 AM, jan smoot wrote:

In the source, you can see there should be a carousel of items, MajorFinding1 - MajorFinding6, that appear in the beige box. The little red squares are the tabs.

I isolated further on http://www.invisionllc.com/ caroulseltest2.html Took the caroulsel action off. All items set to layer and are visible.

Does this help? Thanks.

quote

Walter,

I figured out the problem. When I was building the html items, was asked if height should be undefined - I said - “yes.” Has to be “no.” I rebuilt them all is fine now. Good to know.

Jan

quote

Walter,

Am having another carousel problem. Have a target show/hide layer on a page with a carousel. Now the carousel is broken - doesn’t move. This has been working fine. Do they not play well? I need a matrix of what doesn’t work with what…. I can’t seem to keep track.

Thanks. Jan

quote

This one took me quite some time to puzzle through as well. Love Carousel, but would still appreciate any kind of official step-by-step guide to minimize time in trial and error.

Laura

On 11 May 2010, 6:58 pm, jan smoot wrote:

Walter,

I figured out the problem. When I was building the html items, was asked if height should be undefined - I said - “yes.” Has to be “no.” I rebuilt them all is fine now. Good to know.

Jan

quote

On 13 May 2010, 4:15 am, jan smoot wrote:

Walter,

Am having another carousel problem. Have a target show/hide layer on a page with a carousel. Now the carousel is broken - doesn’t move. This has been working fine. Do they not play well? I need a matrix of what doesn’t work with what…. I can’t seem to keep track.

Thanks. Jan

Please post a link to the failing page. I can better diagnose the issue if I can see the HTML and run it through Firebug. Carousel is supposed to play well with all Actions, and this is the first I have heard of there being any that it didn’t like.

Walter

quote

Walter,

Link is http://lyndacarter.com/backstage.html

Carousel is under “Out and About:”. Includes Photo and text block to the right. Tabs are squares to the left. Uses .action to highlight.

This carousel should auto glide horizontal, interval=12, duration=.4

Thanks

quote

Well, it appears as though the glider.js library isn’t being added to this page. And it also appears as though the issue is with Softpress’s Action and there’s not much I can do about that except to complain to them. Which I will do. Can you cut down the document to a single page (the failing page) and send it to me off-list?

Thanks,

Walter

On May 13, 2010, at 10:51 AM, jan smoot wrote:

Walter,

Link is http://lyndacarter.com/backstage.html

Carousel is under “Out and About:”. Includes Photo and text block to the right. Tabs are squares to the left. Uses .action to highlight.

This carousel should auto glide horizontal, interval=12, duration=.4

Thanks

quote

I experience a strange behaviour when using the Carousel action; maybe you have an advise for me…

I updated a website with the new carousel action. The carousel used there worked well without any trouble using the previous version of this action.

However after updating it, always the next carousel frame is visible at the right, although dimensions of the main carousel frame and its panes are equal.

In addition, there appears some kind of “glow” around the entire carousel, but nothing has been set this way.

See a demo page at http://www.sunnyscript.com/carousel/ .

quote

Check to make sure that the Carousel and all of the Carousel Panes have exactly the same dimensions AND border settings. The Carousel (the element you place to indicate where the effect will appear) ends up becoming one of the panes, and the borders make up part of the overall dimensions of each box.

In order for the effect to appear correct, the outer “window” through which you view the “filmstrip” of panes must be precisely the same size as each one of the panes, including the borders. The outermost box does not end up with borders of its own.

One last thing. If you upgraded the Action in Freeway, but made the document with a previous version of the Action, you might want to remove all instances of the Action from your document, then publish once, then apply the Action again. There were significant changes in the last go-around of updates, and there have been a lot of transition pains that this little remove-and-reapply dance works around.

Walter

quote

@waltd: Thanks for your reply.

The panes have exactly the same size, because they are clones from the original one.

I found the reason for the trouble: It’s the padding of each pane set to two pixels. Removing the padding, anything works, no glow, no size failures.

However the padding was set before already and in fact, the layout needs it, so I can’t remove simply remove it.

Is there a way to workaround this while keeping the padding ?

For your reference, please find the demo project here: http://www.sunnyscript.com/carousel/unbenannt.zip

It contains two pages, one with padding applied to the panes, one without. One works, one doesn’t.

Tobias.

quote

Sorry to be so persistent… is there an other solution than removing the padding of each pane ?

As mentioned before, the previous version worked well there, so maybe it’s a bug or maybe the new behaviour of the action is intended that way. Not sure.

Tobias.

quote

Sorry, I haven’t had a chance to look at this. The previous version had some other-Action-conflict problems, and Joe Billings kindly refactored it to remove those, but in the process some of the dimension-checking stuff got broken. I thought I caught all the outliers before I released the last version, but apparently not. I will probably get a chance to work on this at the weekend, not much hope for a spare moment until then. If you’d like an easy work-around, try making the carousel element without any padding, then draw a second box over the top of that to hold your content. Make sure this child box is an actual child element of the outer carousel or pane, and you should be all set. (Click once on the carousel or pane, then select the HTML box tool, and begin and end your drag-to-draw over the top of that parent box.)

Walter

On May 20, 2010, at 8:45 AM, tobiaseichner wrote:

Sorry to be so persistent… is there an other solution than removing the padding of each pane ?

As mentioned before, the previous version worked well there, so maybe it’s a bug or maybe the new behaviour of the action is intended that way. Not sure.

Tobias.

quote

No matter, I appreciate your help with this regardless when you are able to look at it.

It was just important for me to get your confirmation that you are aware about the bug (and the confirmation that it is a bug and not an intended behaviour) and that it’s on your to-do list.

Thanks again, Tobias.

quote

@waltd: Your update from 22. May works great. No more problems :-)

Thank you very much.

Tobias.

quote

Someone cheered too soon… while the Carousel is working well on new pages, it doesn’t work anymore on existing pages.

I have tried to figure out the reason, but failed. There are two Carousels on some pages, where one doesn’t switch overall and the other switches, but without animation.

Even removing and reapplying the Carousel action elements to the page, moving the *.freeway_ folder, clearing the site folder - no luck.

On Safari, there is just one error message: TypeError: Result of expression ‘Effect.SmoothScroll’ [undefined] is not a constructor. (file glider.js)

Do you have any hint for me where to look ? Maybe I’ve overseen something.

Tobias.

quote

Update: There seems to be an incompatibility between carousel and (older) lightbox actions. Removing the lightbox action makes the carousels to work as intended.

I had the version 0.3.4 of the lightbox action installed. After updating it to the latest one, 0.3.5, all carousels are working. Well, at first glance. I say this with care, since it was just tested with one project I had.

Tobias.

quote

That error sounds like you have a general Freeway bug at work. Actions that attach files can get very confused in certain cases, and end up attaching the wrong file, or no file, to the page. If you look at the top of your page’s HTML (view source in a browser) you should see at least three lines that look like this:

<script src="path/to/prototype.js" ... >
<script src="path/to/scriptaculous.js" ... >
<script src="path/to/glider.js" ... >

If you see something else, like maybe a script tag that points to a CSS file, or to an image (saw one to a _clear.gif last week) then you have hit this bug.

The only sure way around it is to clear out your local Site Folder, publish EVERYTHING again, and upload again. That usually fixes it, although there have been cases where it doesn’t. Removing all Actions, publishing, and then re-applying all Actions is an extreme, but helpful way out of this also.

As best I understand it, Freeway maintains an ordered internal list of Actions and the files they link to. Under some circumstances, that list can get out of order, and files go where they shouldn’t, or fall off the end of the list altogether.

Oh, and if you can reduce this problem to a repeatable set of steps, please do mail them to support(at)softpress.com, where they like to put them in the killing jar and then look at them under the microscope while wearing Tyvek isolation suits and bulky breathing apparatus.

Walter

quote

Thanks, Walter. I will have a look at the Carousel action. It looks very nice on your web site. Just hope it’s easy to implement by a newbie… :-)

quote

hi walter, new to this and just read the whole thread and no-one has had the same issue as myself. using carousel 1.2.7 and following your new instructions on a test page I always get a fwShellCommand is not defined error? apologies if this is something simple! thanks

quote

What version of Freeway are you using?

Walter

On Jul 13, 2010, at 8:58 AM, richie hume wrote:

hi walter, new to this and just read the whole thread and no-one has had the same issue as myself. using carousel 1.2.7 and following your new instructions on a test page I always get a fwShellCommand is not defined error? apologies if this is something simple! thanks

quote

hi I’m using 5.1.3

quote

Try upgrading to 5.2.latest because the problem will go away. You will also get a zillion other bug fixes along with it.

Walter

On Jul 13, 2010, at 2:44 PM, richie hume wrote:

hi I’m using 5.1.3

quote

sorted! thanks. the only problem now is that even though I’ve installed all the carousel actions and they are ticked the buttons one isnt in the drop down? great work by the way. cheers

quote

Carousel Button will only appear in the list when you have selected a graphics box. Most Actions work this way, by the way, they only appear when it’s possible to use them.

Walter

On Jul 13, 2010, at 3:21 PM, richie hume wrote:

sorted! thanks. the only problem now is that even though I’ve installed all the carousel actions and they are ticked the buttons one isnt in the drop down? great work by the way. cheers

quote

first ever forum and use of carousel action, fantastic! and with that I say good night and thank you very much!

quote

Yes indeed, this is great. The carousels are an important part of the sites I’m working on, and this thread is most helpful.

quote