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 использую, в тегах нет его, почему-то
  • Вопрос задан
  • 138 просмотров
Решения вопроса 1
rockon404
@rockon404 Куратор тега React
Frontend Developer
Рендерите два изображения и используйте opacity. Скрытому меняйте url на следующее в списке.
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
Ваш ответ на вопрос

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

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