Carousel 2, now with inline layout awareness

Carousel 2 now works correctly when placed fully inline or when drawn into an inline parent element.

http://actionsforge.com/actions/view/283-carousel-2

Walter


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Thanks for the update Walt!

So what steps do I need to go through to update any websites that are using old versions of Carousel and Protaculous?


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Carousel: Go to your page, and remove all instances of Carousel, Carousel Pane, Carousel [Text] Tab and Carousel [Text] Button. Apply their nearest analog from Carousel 2 (they are all named similarly). Upload and marvel.

Protaculous: The interface is a little different, the buttons are renamed (but are in the same relative positions). If you had previously selected prototype-packed or prototype in the Library picker (gone in Protaculous 2) then you don’t have to select anything – Prototype is always added to the page. If you had chosen scriptaculous or scriptaculous-packed, then you would click on the checkbox to enable Scriptaculous. Most effects only need the Effects library, and that’s the default. If you need others, like the slider or drag-n-drop, you would enable those. If you have any doubt, just enable them all – that’s what the Protaculous Action would do.

There’s a new feature in Protaculous 2 that allows you to mix and match additional external libraries along with the two “classic” ones. And you can add jQuery (if you really want to) without breaking the whole page. That feature is documented on the Forge. And there’s a third listener function button to go with the original two. If you use that, you have to provide your own wrapper function (the equivalent of Prototype’s dom:ready listener) so that the code, which will be added to the head of the page, waits until the remainder of the page finishes loading before trying to do anything. Otherwise, you may have a reference in your script to an element that never resolves, even though the element is right there in the page.

Walter

On Jan 15, 2013, at 11:41 AM, RavenManiac wrote:

Thanks for the update Walt!

So what steps do I need to go through to update any websites that are using old versions of Carousel and Protaculous?


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

So basically I need to remove all instances of Carousel and reapply Carousel 2, correct?

Aside from the conflict with jQuery and the previous iteration of Carousel, what are the biggest benefits to Carousel 2?


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

The designer’s view:

You can choose if carousel “rewinds” after reaching the end or “wraps around” (which was one of the most desired feature for it).

Cheers

Thomas


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Hey Thomas. I hope you are well. Yes, I saw that and I’m looking forward to that new feature. :slight_smile:


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

On 15 Jan 2013, at 17:05, Walter Lee Davis wrote:

Carousel: Go to your page, and remove all instances of Carousel, Carousel Pane, Carousel [Text] Tab and Carousel [Text] Button. Apply their nearest analog from Carousel 2 (they are all named similarly). Upload and marvel.

I’ve encountered some issues with Carousel 2. One I think is a bug, the other is more down to my layout.

On my Imagic Design site home page, I have a 4-pane carousel, forming the left column of a 3-column layout. I have the panes slide in vertically.

When applying Carousel 2, two things happen. First, the initial pane is merged with the 4th pane. All the other panes slide in and out as expected, but panes 1 and 2 appear together. I think this may be a bug because the issue doesn’t happen if the slide is horizontal.

The second thing that happens is my inline 3-column layout breaks. The two columns to the right are pushed down the page, no matter what I do. I’ve tried floating them to the right, I’ve changed the margins, all to no avail. Both columns appear pushed down the page.

I can’t work out why the layout is being broken. All I’ve changed is the Carousel Action.

=o(

Heather


Imagic Design * Good Design - No Compromise
email@hidden
http://www.imagic-design.co.uk
Twitter @Imagic-Design
T: 01634 864017


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

On 16 Jan 2013, at 10:17, Heather Kavanagh wrote:

I can’t work out why the layout is being broken. All I’ve changed is the Carousel Action.

Just to follow up, I have fixed the breakage. I did away with the inline box model design, and set things up to use the Relative Page Layout Action instead.

The overlaid pane issue has been fixed by using a blank panel in the page showing the four panes off-page.

Cheers

Heather


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Make sure you have the latest Carousel 2, I made some tweaks to it yesterday.

Walter

On Jan 16, 2013, at 8:38 AM, Heather Kavanagh wrote:

On 16 Jan 2013, at 10:17, Heather Kavanagh wrote:

I can’t work out why the layout is being broken. All I’ve changed is the Carousel Action.

Just to follow up, I have fixed the breakage. I did away with the inline box model design, and set things up to use the Relative Page Layout Action instead.

The overlaid pane issue has been fixed by using a blank panel in the page showing the four panes off-page.

Cheers

Heather


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

On 16 Jan 2013, at 14:13, Walter Lee Davis wrote:

Make sure you have the latest Carousel 2

v.0.1.5 is the version I downloaded.

=o)

Heather


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Can you please send me a cut-down single-page example that shows the problem? I can diagnose better if I can see where Freeway started.

Walter

On Jan 16, 2013, at 9:48 AM, Heather Kavanagh wrote:

On 16 Jan 2013, at 14:13, Walter Lee Davis wrote:

Make sure you have the latest Carousel 2

v.0.1.5 is the version I downloaded.

=o)

Heather


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

On 16 Jan 2013, at 14:53, Walter Lee Davis wrote:

Can you please send me a cut-down single-page example that shows the problem? I can diagnose better if I can see where Freeway started.

Sure. Your studio edress?

Heather


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options