Horizontal Scrolling Button

[cantou]

Hello ! I’m not sure i’m in the good section, but i’m trying to put arrows buttons to scrolling horizontally my image gallery. I already searched in google and on this site, but no scripts works.

Here <<<, the page, made with the CMS Indexhibit.

You can see my image of arrow that I want to transform in button.

With my poor description, I suppose you can notice that i’m not an expert in developing.

Thank you so much for your help.

[Kuzyo]

Hi.
I right understood you want clicking on arrow to make horizontal scrolling?

[cantou]

Hi Kuzyo,
Yes, that’s it !

[Kuzyo]

here my try http://codepen.io/Kuzyo/full/lLaAj but I’m only studing JS, but with your help we can setting it better. I saw your site is fixed, not responsive than we can try to set variables in code to fixed too. What width has to be every step?

[cantou]

Woah thanks, it looks great !

The width of each step depends of the width of images on each exhibit. What are the differents codes I need to use and insert ? (i’m a little bit lost even with firebug..)
Thereby, i can try to use what you did with the width you already configured.

-pardon my english :)-

[Kuzyo]

Do you want it to scroll for full screen or only for one image? here I made step in 400px you can change step variable in code to make it bigger or smaller http://cdpn.io/lGDsd

[cantou]

Hey Kuzyo
your script seems really great. Thank you very much.
But I try to insert in my page and nothing works…
I put first the script with and then the arrow button in the div.
but the arrow is not clickable…

a solution ?

[Kuzyo]

For the script I used JS library http://jquery.com/ you have to first download library and insert in your page and then insert my script

[cantou]

Indexhibit use already jquery….that’s not the problem….

[Kuzyo]

maybe you miss with selectors in JS and your html?

[Author]

Posts