How can I create a movable image slider with arrow keys?

Shopify Discussion
1

Hey Fellows,

I was scrolling through websites and came across a unique image slider which is adjustable and it shows two images side by side whereas giving customer an option to shift the slider too. I have attached a copy below,

Anybody has an idea where to get the code for this or how to create it?

Slider Center Position
Slider Center Position1895Ă—719 272 KB

Slider Completely Scrolled Left
Slider Completely Scrolled Left1895Ă—718 272 KB

Slider Completely Scrolled Right
Slider Completely Scrolled Right1896Ă—692 220 KB

Regards,

2

Hi @GoLivewithAhmed ,

There are multiple third party scripts that are performing this functionality for images its called “After & Before” image slider you can search it and use it.

Its very easy and handy for use.

Thanks

3

Hello @Liquid_xPert_SJ

Thanks for replying, Can you include a link to any of the third party script that does so because I am unable to find anything relevant on Google. there are other options but not the one I’m looking for.

4

@GoLivewithAhmed

Please refer to this link or let me know if i can help you on this.

Thanks

1 Like