FreewayTalk

15 replies to this thread. Most Recent

Roman Zvarych

28 Jan 2014, 3:09 pm

[Pro] Horizontal Slider

I would like to place a separate area on a website that I’m working on, where several graphic items can be triggered to move, or “slide” horizontally in that area (like on the website that I indicated — where the brand names slide across the page in a grey area, when “triggered” by a “forward” and “back” graphic arrow). I suspect that I will, probably(?) need to use the Protaculous Page Action for this, which will allow me to embed the appropriate code. Frankly, however, I do not know how to accomplish this seemingly simple feat. I’ve looked at numerous jquery and other plugins, but I’m still groping for the proper procedure to get the “slider” to work properly.

Any suggestions?

Roman

http://www.arx.com/

waltd

28 Jan 2014, 3:24 pm

Take a look at the Carousel 2 Action, which is designed to do just this. You make each pane as a separate HTML or graphic element, apply the relevant Actions, and publish. There are some basic rules (all panes must be exactly the same, fixed dimensions, and the primary element can either be inline or positioned absolutely on the page. You can make it move automatically, or in response to clicks on various controls.

Walter

On Jan 28, 2014, at 11:09 AM, Roman Zvarych wrote:

I would like to place a separate area on a website that I’m working on, where several graphic items can be triggered to move, or “slide” horizontally in that area (like on the website that I indicated — where the brand names slide across the page in a grey area, when “triggered” by a “forward” and “back” graphic arrow). I suspect that I will, probably(?) need to use the Protaculous Page Action for this, which will allow me to embed the appropriate code. Frankly, however, I do not know how to accomplish this seemingly simple feat. I’ve looked at numerous jquery and other plugins, but I’m still groping for the proper procedure to get the “slider” to work properly.

Any suggestions?

Roman

http://www.arx.com/

Freeway user since 1997

http://www.walterdavisstudio.com

Thomas Kimmich

28 Jan 2014, 3:25 pm

Hi Roman,

there are several ways to do this.

In the FW actionized world, I’d call this carousel (have a look at actions forge).

Very popular these days is WOW-Slider which requires a lil bit of code fiddling.

Just two of x.

Cheers

Thomas

Thomas Kimmich

Kimmich DigitalMedia

http://www.kimmich-digitalmedia.com

T.+49(0)7404-914 384

Somewhere in the South of Germany

Roman Zvarych

28 Jan 2014, 3:34 pm

I suspected that there was a simple solution, Walter, and I hesitated applying the Carousel Action, since I thought that only one “container” (I remember seeing that term on some of the plugins) can be displayed in the action, i.e., only one pane. I take it that you mean that each “pane” should contain only one of the brand names, which I can then slide across in a separate container on the page in a kind of a revolving door effect. Because, if I place all the brand names on one pane, which is then replaced by the next pane with the brand names moved appropriately, I don’t get the effect that I am looking for. But I’ll give it a try!

Thanks, … AGAIN!

Roman

DeltaDave

28 Jan 2014, 3:46 pm

There is also this method http://www.deltadesign.co/FW6Test/marquee-scroll.html

David

Glasgow, Scotland

iMac 27 5K El Cap and Pro Final

Roman Zvarych

28 Jan 2014, 3:49 pm

Thanks, David! (Hello, again!)

This script looks like what I’m looking for.

But I still want to give the Carousel option a shot, if I can pull it off…

Roman

DeltaDave

28 Jan 2014, 4:01 pm

Many ways to skin the cat.

D

Glasgow, Scotland

iMac 27 5K El Cap and Pro Final

Roman Zvarych

28 Jan 2014, 5:42 pm

Hi guys! I’ve tried the Carousel approach first, as Walter suggested. Basically, I did the following: I set up the 1st frame (the “container”, if you will) with three graphic objects placed in-line in a separate html box. Then I built two separate boxes, with the sequence of the graphic objects arranged accordingly, i.e., the first graphic object became the third in the 2nd frame, and it was the second object in the 3rd frame. Accordingly for the 3rd frame. The 1st frame I initiated the Carousel 2 Action, with the other two frames designated as Carousel panes to the first frame. Consequently, as expected, I get a whole lot of extraneous movement with the first frame-pane changing, so that the graphic objects move across the entire pane (see here: http://www.ksystems.com.ua/). How do I get them to move only one-third of the way (in this specific example) with Carousel is beyond me… I also tried making the first pane (to which I applied the Carousel action) wider in width to encompass the other two objects. It didn’t work. Any ideas? … and thanks, again, for your patience!

Roman

waltd

28 Jan 2014, 5:46 pm

Carousel can’t do that, sorry. You could try ScriptyFader using this set of options (just remove the Carousel Actions from each element, and replace them with the equivalent ScriptyFader Actions) as that will do a cross-fade that might make it look the way you want it to. There are jQuery carousel effects out there that can do this sort of “grouped” move that you want, but this Action doesn’t do that in any sense (and it’s not compatible with jQuery — the whole page will stop working if you try to combine the two).

Walter

On Jan 28, 2014, at 1:42 PM, Roman Zvarych wrote:

Hi guys! I’ve tried the Carousel approach first, as Walter suggested. Basically, I did the following: I set up the 1st frame (the “container”, if you will) with three graphic objects placed in-line in a separate html box. Then I built two separate boxes, with the sequence of the graphic objects arranged accordingly, i.e., the first graphic object became the third in the 2nd frame, and it was the second object in the 3rd frame. Accordingly for the 3rd frame. The 1st frame I initiated the Carousel 2 Action, with the other two frames designated as Carousel panes to the first frame. Consequently, as expected, I get a whole lot of extraneous movement with the first frame-pane changing, so that the graphic objects move across the entire pane (see here: http://www.ksystems.com.ua/). How do I get them to move only one-third of the way (in this specific example) with Carousel is beyond me… I also tried making the first pane (to which I applied the Carousel action) wider in width to encompass the other two objects. It didn’t work. Any ideas? … and thanks, again, for your patience!

Roman

Freeway user since 1997

http://www.walterdavisstudio.com

Roman Zvarych

28 Jan 2014, 5:53 pm

That’s what I suspected, Walter, initially. Thanks a million for your help! I’ve never tried using jQuery, so this will be a new experience. Nonetheless, wouldn’t it be easier to incorporate such a grouped carousel effect thru Protaculous? Bearing in mind, also, that I am already using this page action in another area of the web page.

Roman

waltd

28 Jan 2014, 6:20 pm

If you can find a Prototype-based carousel effect that does this sort of thing, I can show you how to use it in Freeway with Protaculous 2. This one looks likely: https://code.google.com/p/prototype-carousel/ it has a visibleSlides option that can be set to something greater than 1, so that’s a start. You would need to create your page in a very specific manner (manually constructing the overflow window element and the inner slide containing the individual panes — one per logo in your case), and you would need to use the Item / Extended dialog to add classnames to each trigger and element.

I don’t have time to walk through this right now, but I think it should be possible to do.

Walter

On Jan 28, 2014, at 1:53 PM, Roman Zvarych wrote:

That’s what I suspected, Walter, initially. Thanks a million for your help! I’ve never tried using jQuery, so this will be a new experience. Nonetheless, wouldn’t it be easier to incorporate such a grouped carousel effect thru Protaculous? Bearing in mind, also, that I am already using this page action in another area of the web page.

Roman

Freeway user since 1997

http://www.walterdavisstudio.com

Roman Zvarych

28 Jan 2014, 6:33 pm

I’ll have a look Walter. Thanks!

Roman

tonzodehoo

3 Apr 2020, 5:23 pm

Hope you don’t mind me reviving this topic! I am trying to achieve the horizontal carousel where maybe four or five images are visible but periodically scroll along right to left and reveal other images. I have seen the very thing on many websites and have tried a few options within Freeway7 however I feel no nearer a solution. Its been 6 years since this last post and just wondered if this had moved on in that period?

I had a look at WOW slider as well as carousel2 so far and also maybe using an exhibio gallery. Having only the thumbnails of such a gallery would be a possibility. Any other options out there?

Any inputs appreciated.

Also nice tae see Deltadave being somewhat immortalised in these threads also.

Gorbals Glasgow

MacOs 10.8.5 Freeway Pro 7! At last!

waltd

3 Apr 2020, 6:26 pm

Carousel 2 can do this periodical scroll feature, but it’s not responsive in any way. If you can live with a fixed layout for this feature, then it will work.

Walter

On Apr 3, 2020, at 1:23 PM, tonzodehoo <[email protected]> wrote:

Hope you don’t mind me reviving this topic! I am trying to achieve the horizontal carousel where maybe four or five images are visible but periodically scroll along right to left and reveal other images. I have seen the very thing on many websites and have tried a few options within Freeway7 however I feel no nearer a solution. Its been 6 years since this last post and just wondered if this had moved on in that period?

I had a look at WOW slider as well as carousel2 so far and also maybe using an exhibio gallery. Having only the thumbnails of such a gallery would be a possibility. Any other options out there?

Any inputs appreciated.

Also nice tae see Deltadave being somewhat immortalised in these threads also.

Freeway user since 1997

http://www.walterdavisstudio.com

tonzodehoo

3 Apr 2020, 6:31 pm

Thanks Walter.

Its been a while since I’ve been here for one reason and another. Good to know you are still out there.

I had tried carousel 2 but I reckon I may try it again. I know it will mean a deal of tweaking between break points but if it works then it may be a useful compromise.

Thanks again and hope you are well and safe.

Gorbals Glasgow

MacOs 10.8.5 Freeway Pro 7! At last!

Back to Top

tonzodehoo

7 Apr 2020, 2:52 pm

Just a wee update.

I tried once more a few variations regards the images in a carousel2 setup but as you had mentioned Walter, it not being responsive, I thought I could maybe tweak it for the various screen sizes but unfortunately that doesn’t work.

I am currently working using an exhibeo slider as a bit of a compromise but its not quite all I’d been looking for.

I guess a responsive carousel is something that would be good to be able to achieve within the setup of Freeway but am not sure if that is something that is likely.

Thanks for your input.

Gorbals Glasgow

MacOs 10.8.5 Freeway Pro 7! At last!