[Pro] Carousel 2 action in a CSS layout?

Freeway
#1

Hi everyone,
I’m fairly new to the Freeway Pro experience so be gentle!

I am currently designing a mock-up website for a client who wants a carousel of images on his homepage. I have managed to get the Carousel 2 action working before but not yet in a CSS layout…

I have the layout of the website sorted but as soon as I apply the action to any image, it loses it’s alignment and ends up top left of the page, completely static.

Can anybody offer some advice or are they any tutorials that can help me?

Thanks in advance.

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

#2

but not yet in a CSS layout…

Do you mean a responsive layout?

The action should be applied not directly to the image itself but to the html image container - or Pane.

If you are using FW7 then you want to set your image as the background to this html container.

More info here http://actionsforge.com/actions/carousel-2

David

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

#3

Thanks for your reply DeltaDave, apologies - yes I did mean responsive layout.

As far as I am aware, this is what I have been doing but I will try again and keep my fingers crossed!

Will keep updated.
Thanks again.

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

#4

I did mean responsive layout.

Then I dont think Carousel2 will work for you.

Walter will correct me if I am wrong but I believe that Carousel has to have fixed size panes to work correctly - so no go in a responsive layout.

David

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

#5

That is correct. The layout has to have a single fixed size for all of the panes (and they all have to be exactly the same dimensions, too), or else it cannot work.

Walter

On Feb 17, 2015, at 3:03 PM, DeltaDave email@hidden wrote:

I did mean responsive layout.

Then I dont think Carousel2 will work for you.

Walter will correct me if I am wrong but I believe that Carousel has to have fixed size panes to work correctly - so no go in a responsive layout.

David

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

#6

Ahhh I see. Thanks so much for the help.

Any recommendations for a similar action or tool I could use?

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

#7

I just love AmazingSlider: http://amazingslider.com/how-to-add-jquery-slider-to-freeway-pro/

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

#8

WOW slider is pretty cool too.

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

#9

Just like to add that WOW slider has a newer variant Css Slider that doesn’t use JQuery or Java script

Take a look at

http://cssslider.com/?utm_source=cssslider_mac&utm_medium=program&utm_campaign=reg_1.8

Hope this is of some use?

John

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

#10
  • John, be careful with the new css-slider.

I like it and tried it some days ago, but it has a bug. In the newest Firefox pictures and transitions are not displayed correctly. It is a mess. One could see it even at their own demos. I reported it, they agreed, but the developers has still not found a solution.

(They said Firefox had changed something recently.)

Personally I will not buy it until it works fine in Firefox.
Hanna

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

#11

Hanna

Thanks for the heads up on that

John

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

#12

This is done with Amazing Slider, which works just perfectly: http://beta.ontwerpzaam.nl/roukens/

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