bootstrap (3.3.7) карусель в стиле YouTube

Question

Не изобретая колесо, я хочу сделать что-то, что будет начальной загрузкой (или css, или jquery в порядке), слайдер изображений похож на то, как выглядит youtube.

Т.е., 4 «эскиза», которые вы можетенажимайте на стрелки, чтобы скользить вправо / влево.

Не могу найти хороших бесплатных демонстраций (или, скорее, тех, которые действительно работают), и не хочу изобретать велосипед. Кто-нибудь может порекомендовать что-то, что работает?

Это то, чего я хочу достичь: что-то вроде сказать (действительно сгущение):

 <div id=item1 img=1.jpg caption='picture 1'>
 <div id=item2 img=2.jpg caption='picture 2'>
 <div id=item3 img=3.jpg caption='picture 3'>
 <div id=item4 img=4.jpg caption='picture 4'>
 <div id=item5 img=5.jpg caption='picture 5'>

сстрелки влево и вправо

не обязательно должен быть начальным (кстати, я использую версию 3.3.7 и не могу это изменить), может быть чистым CSS или jquery ...

Любые рекомендации будут оценены, спасибо!

Answer 1

Вы ищете многоэлементную карусель с одним предметным слайдом на каждый ход?

Возможно, вы хотите проверить этот фрагмент кода: https://www.bootply.com/JrJtm5y9Pt.

Однако вы можете переписать иудалил некоторые коды (ненужный стиль, html и т. д.). В конце концов я в конечном итоге использовал эту идею и заново изобрел колесо для своего проекта (поскольку многие решения js основаны на jquery, а иногда некоторые ошибки происходят из самой lib, попробуйте переписать коды, менее полагаясь на jquery).