Только начинаю учить JavaScript и пока не знаю как решить задачу:
Есть блок на сайте:
Его HTML:
<section class="fr-trust-wrapper">
<img src="img/clients/1.png" alt="Газпром" class="fr-trust-element">
<img src="img/clients/2.png" alt="" class="fr-trust-element">
<img src="img/clients/3.png" alt="" class="fr-trust-element">
<img src="img/clients/4.png" alt="" class="fr-trust-element">
<img src="img/clients/5.png" alt="" class="fr-trust-element">
<img src="img/clients/6.png" alt="" class="fr-trust-element">
<img src="img/clients/7.png" alt="" class="fr-trust-element">
<img src="img/clients/8.png" alt="" class="fr-trust-element">
<img src="img/clients/9.png" alt="" class="fr-trust-element">
<img src="img/clients/10.png" alt="" class="fr-trust-element">
<img src="img/clients/11.png" alt="" class="fr-trust-element">
<img src="img/clients/13.png" alt="" class="fr-trust-element">
<img src="img/clients/14.png" alt="" class="fr-trust-element">
<img src="img/clients/15.png" alt="" class="fr-trust-element">
<img src="img/clients/16.png" alt="" class="fr-trust-element">
<img src="img/clients/17.png" alt="" class="fr-trust-element">
<img src="img/clients/18.png" alt="" class="fr-trust-element">
<img src="img/clients/19.png" alt="" class="fr-trust-element">
<img src="img/clients/20.png" alt="" class="fr-trust-element">
<img src="img/clients/21.png" alt="" class="fr-trust-element">
<img src="img/clients/22.png" alt="" class="fr-trust-element">
<img src="img/clients/12.png" alt="" class="fr-trust-element">
</section>
Нужно сделать чтоб картинки в блоке как бы прокручивались медленно справа налево, т.е. в кадре были все, но как только первая слева уезжает она тут же появляется справа и так зациклено все двигались.
По возможности хотелось бы не сильно ломать html структуру.
Простой