640
@640
Beginner

Как сделать плавный слайдшоу для firefox (или не работает transition на background-image, как заменить?)?

Пытаюсь сделать автоматический слайдшоу. Есть div, который имеет стиль background-image и с интервалом там меняется url ссылка на картинку. Поставил transition, но оно не работает в Firefox, зато в Google Chrome анимация работает.
Порывшись в интернете, выяснил, что background-image не анимируется. Как быть?
p.s. код скинуть не могу, так как я его переделал, пытаясь сделать иным способом. и пока что безуспешно.
p.s.s есть мысль, вывести сразу все изображения с помощью метода .map() и устанавливать opacity: 1 только для текущей картинки. получается все картинки прозрачные, и одна нет. Но это дерьмово, ибо вдруг изображений будет под 50 штук? Или 100? Вывести их все сразу... ну такое себе.

p.s.s.s ещё styled-components использую, в тегах нет его, почему-то
  • Вопрос задан
  • 61 просмотр
Решения вопроса 1
rockon404
@rockon404 Куратор тега React
Frontend Developer
Рендерите два изображения и используйте opacity. Скрытому меняйте url на следующее в списке.
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
Stalker_RED
@Stalker_RED
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Softmachine Санкт-Петербург
от 200 000 до 250 000 руб.
SLEKI Санкт-Петербург
от 70 000 до 80 000 руб.
SoftMediaLab Екатеринбург
До 140 000 руб.
19 окт. 2019, в 23:37
1000 руб./в час
19 окт. 2019, в 23:08
500 руб./за проект
19 окт. 2019, в 22:44
12500 руб./за проект