Javascript code needed for horizontal scroller

I need a JavaScript code so that I can achieve the functionality like the attached image. There will be horizontal scroller with left, right arrow for image scrolling. If a user will click on any image then that that image will be opened above the scrolling bar.

The ‘scroller’ is an overflowed div controlled using arrow buttons or [URL=“”]cursor edge prximity.
The disjointed image display [I]can[/I] be done by [URL=“”]CSS but not sure about clicking.