How can I achieve this slider?

[Desiign]

Hi there.
So my client wants me to make a site similar to this one;
http://www.ag.my/people#2
However, I’m not sure how to achieve the kind of slider that is showcased in this website.
Yes, I have seen this thread:

Unique slider layout?

Owww, @Waldo, @daniel_cleayweb Hello guys! Yes, I found workaround for such visual effect. Make slider overflow: hidden Make mask overflow: visible, width: 60% and center it (in display settings) Make sure all SLIDEs has position:relative Add images to all slides (will call it “main image”), width=95%, center it Add 1 “extra image” to first slide and last slides On first slide: “extra image” is same as “main image” on last slide position: absolute, align: left = -101% On l…

But what I want to achieve is slightly different. Notice how it scrolls past very smoothly, and switches from one image to another simply by clicking onto the next one.

Is this possible? And if so, how can I achieve it?
Any help is appreciated.

Cheers!

[samliew (webflowexpert.com)]

That site is custom coded. Here’s the script that runs the custom ‘slider’

http://bucket0.format-assets.com/theme_versions/1414051/assets/javascripts/theme.js

[Desiign]

I see. The site is actually made using the portfolio-creation tool called Format. Anyway, I was able to achieve something similar, here:
https://preview.webflow.com/preview/izral-partnership?preview=624e9d3a3bf65556233e3baddb0d94c1

See it in action here:
http://izral-partnership.webflow.io/what-we-do

But I’m struggling with two things;

1. I want to make a space in front of the first slide and behind the last slide, to make them look more centred, rather than filling up the screen. Just like the website I linked before.
2. Is it possible to make it so that when the second slide is clicked, it switched to it?

Oh and if I were to run that script into my site, would it be possible?

Cheers!

[samliew (webflowexpert.com)]

@Desiign

1. I want to make a space in front of the first slide and behind the last slide, to make them look more centred, rather than filling up the screen. Just like the website I linked before.

Give the slides a padding left/right of 40px. Do not use background image directly on the slide itself. Put it inside the slide.

@Desiign

2. Is it possible to make it so that when the second slide is clicked, it switched to it?

Yes, requires the arrows and slider dots to be hidden and not deleted, then possible to accomplish with custom code. Feel free to hire me here, or request a freelancer in the Freelancer category.