Как сделать движение картинок по кругу?

Question

[Дмитрий]

Просьба подсказать, можно ли сделать движение картинок по горизонтали по кругу (зациклить)? То есть, ширина контейнера будет плавающей, в контейнере будут в ряд одна за одной расположены картинки. Если сделать для контейнера overflow-x: scroll, то они перемещаются от первой к последней, мышкой или смахиванием. Так вопрос в том, можно ли их "зациклить" и если да, то как (пример не помешал бы)?

Например, как-то так:

<div class="wrapper">
<img>
<img>
и далее
</div>

.wrapper {
overflow-x: scroll;
}

Или за основу взять движущиеся картинки, как на этом сайте (картинки-логотипы), но чтобы без анимации можно было их пролистывать смахиванием.

Comments

[Ankhena]

Так вопрос в том, можно ли их "зациклить" и если да, то как (пример не помешал бы)?

Посмотрите как сделан любой слайдер, например, swiper.js

[Дмитрий]

Ankhena, спасибо, но с JS я не дружу, а там много настроек и файлов.

[Ankhena]

Дмитрий, примерно 2 штуки :)
Почти ко всем настройкам есть демки.
В вашем случае и настроек-то никаких не нужно. Разве что стилями стрелки куда нужно разместить.

Альтернатива это фриланс.

[Дмитрий]

Ankhena, вообще, я имел ввиду сделать пролистывание на основе движущихся картинок, как на этом сайте (ниже картинки-логотипы движутся в обе стороны). Чтобы при отключении анимации можно было их пролистывать смахиванием.