Как сделать кнопку вверх вниз и чтобы галерея изображений двигалась вверх или вниз?

Question

[generate]

Вот например

Как сделать чтобы эти кнопки двигали блок ввех или вниз, например нажимаешь вниз он двигает блок на один пункт вниз. Я уже пересмотрел кучу слайдеров они не вертикальны вообще сложные. Мне бы простенький такой.

https://codepen.io/vsjerkil/pen/YzwNoaB?editors=1010

Answer 1

[secretsergey]

Решение - bxSlider.
Инициализация проще простого:

$('.slider').bxSlider({
		mode: 'vertical',
		pager: false,
		minSlides: 2
	});

Comments

[generate]

https://codepen.io/vsjerkil/pen/KKVajYm

[secretsergey]

generate, Код, который Вы выслали работает. Просто js в соответствующий раздел перенесите, инициализацию слайдера только нижнюю оставьте и файлы подключите через настройки записи.

[generate]

Можете помочь пожалуйста нашел scrollWin он двигает всю страницу вверх и вниз. Как сделать чтобы он двигал то что находиться в блоке ?
https://codepen.io/vsjerkil/pen/YzwNoaB?editors=1010
Нажмите на вверхнюю кнопку сайт начнет двигаться вниз

[secretsergey]

generate, Я не понимаю зачем Вы усложняете сами себе жизнь. Выше готовое решение уже есть, Вы все с нуля пишите.

[generate]

secretsergey, Нашел для меня эти готовые решения сложные там куча кода совсем не понятно.

Вот это оказывает для движения внутри блока
function scrollDiv(){
document.getElementById("gth").scrollTop += 100;
}

[secretsergey]

generate, Но Ваше решение будет не совсем красиво работать, если высота элементов внутри блока будет не 100px. Из-за чего будет скроллиться, то пол элемента, то целый, то полтора и т.д.