Задать вопрос
PankovAlxndr
@PankovAlxndr
Fullstack web developer

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

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

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

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

5a586cf05e5c5915516087.jpeg
  • Вопрос задан
  • 220 просмотров
Подписаться 1 Средний Комментировать
Пригласить эксперта
Ответы на вопрос 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.
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Похожие вопросы