CSS: сделайте боковую панель прокрутки со стрелками

Question

Я искал вокруг что-то вроде этого только с помощью CSS, но я не могу найти то, что ищу.

Я делаю что-то очень похожее на фотогалерею и то, что мне понравится, панель с несколькими значками в ней. Но скажу, что у меня было десять значков на панели, которые соответствуют только пяти - в этом случае я бы хотел, чтобы стрелки указывали вправо и влево, что позволяет прокручивать до следующих пяти.

Я знаю, что, возможно, я могу использовать опцию переполнения: прокрутки, если бы мне просто нужна отличная полоса прокрутки, но мне действительно понравилось то, что я нажимаю на стрелку вправо, а значки сдвигаются.

Если кто-то может указать на какие-либо уроки, или знаете, что я имею в виду, пожалуйста, дайте мне знать :)

Спасибо!

Answer 1

Просто выполните поиск вокруг плагина слайдера jQuery, заполните его содержимым, которое вы хотите, и измените стиль для ваших нужд. Некоторые хорошие варианты:

http://tympanus.net/Tutorials/ResponsiveImageGallery/

http://tympanus.net/Tutorials/SliderGallery/

Вы также можете попробовать HTML5/CSS3, как это:

http://codepen.io/Merri/details/eEBKp

С некоторыми изменениями, вы будете иметь возможность интегрировать его в вашем дизайн/потребности :)