PankovAlxndr
@PankovAlxndr
Fullstack web developer

Где найти такой слайдер (или сделать на основе)?

Здравствуйте, необходимо сделать слайдер, который бы состоял из 3ех колонок.

Делаем слайдер из трех колонок в ряд. (в колонке своя каринка)
В впервой колонке выводим первые 20 % первой картинки, во второй вторые 20% второй картинки и в третьей третьи 20% картинки. И одновременно в каждом из них картинку с одинаковой скоростью сдвигаем слева на право.

(конечный слайдер в последний строке: имеем 3 столбика картинок, которые сдвигаются вместе)

5a586cf05e5c5915516087.jpeg
  • Вопрос задан
  • 220 просмотров
Пригласить эксперта
Ответы на вопрос 1
alex_keysi
@alex_keysi
Помог с решением? Отметь “правильный ответ”
1)вот такая разметка эмметом
(ul>li>img)*3
2) позиционируем img абсолютом относительно li. ну и по left делаем для каждой картинки смещение left+delta*index,где
delta - значение в пиксеях смещение (допустим 100px)
index - коллекция или массив img элементов в завсимости от расположения в массиве по порядку. (1,2,3,4: если четыре картинки. Для цикла forEach)
3) по setTimeOut делать каждые, допустим 20мкс, смещение по left.
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы