[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


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

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/


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

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


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

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


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

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

David


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

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


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

Many ways to skin the cat.

D


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

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


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

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


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

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


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

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: Google Code Archive - Long-term storage for Google Code Project Hosting. 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


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

I’ll have a look Walter. Thanks!

Roman


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

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.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
https://freewaytalk.softpress.com/person/options

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@hidden 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.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
https://freewaytalk.softpress.com/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
https://freewaytalk.softpress.com/person/options

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.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
https://freewaytalk.softpress.com/person/options

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.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
https://freewaytalk.softpress.com/person/options