Fade effect slider

@евгенийпро · Регистрация: 15.10.2015

Студворк — интернет-сервис помощи студентам

Нужен слайдер как тут https://github.com/nolimits4we... -fade.html
Проблема: если нет background-image, то текст в слайдерах накладывается друг на друга. Мне фон из картинок не нужен, так как фоном служит одно видео для всех.
Играл с z-index у слайдов(у простого -99999, у активного 999999999) - не помогает.
Ставил простому слайду display: none а активному display: block - из всех слайдов отображается только самый первый(и в пагинации он 1 из n возможных).
Как решить проблему?

@Mikola-BLR · 08.09.2017, 18:39

Если вы убрали background-image и у вас стали прозрачными блоки, то добавьте background-color и блоки снова станут непрозрачными.

@евгенийпро · 09.09.2017, 10:57 **[ТС]**

Сообщение от Mikola-BLR

Если вы убрали background-image и у вас стали прозрачными блоки

мне это и надо, чтобы видео играло.
За слайдами проигрывается видео.
Если background-image у слайдов убрать - текст друг на друга накладывается.
Если добавить background-color - перекрывается видео.
Как этого избежать?
Может, как-то с помощью JS можно решить проблему?

@Mikola-BLR · 09.09.2017, 12:46

Тут либо выбрать другой вариант этого же слайдера https://github.com/nolimits4we... -loop.html
либо искать другой слайдер.

Т.к. там изначально так реализовано в коде слайдера, что один слайд над другим, причём активный и все предыдущие имеют opacity: 1. Не переписывать же кучу кода слайдера. Проще уже свой собственный слайдер написать будет.

@евгенийпро · 10.09.2017, 11:37 **[ТС]**

Сообщение от Mikola-BLR

активный и все предыдущие имеют opacity: 1. Не переписывать же кучу кода слайдера.

спасибо. Решил проблему поставив простому слайду opacity : 0 !important а активному opacity : 1 !important

Новые блоги и статьи Все статьи Все блоги /
Подключение Box2D v3 к SDL3 для Android: физика и отрисовка коллайдеров 8Observer8 29.01.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .	Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT bedvit 28.01.2026 Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .	Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 28.01.2026 Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .	Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL3_image 8Observer8 27.01.2026 Содержание блога SDL3_image - это библиотека для загрузки и работы с изображениями. Эта пошаговая инструкция покажет, как загрузить и вывести на экран смартфона картинку с альфа-каналом, то есть с. . .
Влияние грибов на сукцессию anaschu 26.01.2026 Бифуркационные изменения массы гриба происходят тогда, когда мы уменьшаем массу компоста в 10 раз, а скорость прироста биомассы уменьшаем в три раза. Скорость прироста биомассы может уменьшаться за. . .	Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android 8Observer8 26.01.2026 Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .	Установка Android SDK, NDK, JDK, CMake и т.д. 8Observer8 25.01.2026 Содержание блога Перейдите по ссылке: https:/ / developer. android. com/ studio и в самом низу страницы кликните по архиву "commandlinetools-win-xxxxxx_latest. zip" Извлеките архив и вы увидите. . .	Вывод текста со шрифтом TTF на Android с помощью библиотеки SDL3_ttf 8Observer8 25.01.2026 Содержание блога Если у вас не установлены Android SDK, NDK, JDK, и т. д. то сделайте это по следующей инструкции: Установка Android SDK, NDK, JDK, CMake и т. д. Сборка примера Скачайте. . .

@евгенийпро 9 / 9 / 5 Регистрация: 15.10.2015 Сообщений: 383

	Fade effect slider 08.09.2017, 16:36. Показов 3522. Ответов 4 Метки нет (Все метки) Нужен слайдер как тут https://github.com/nolimits4we... -fade.html Проблема: если нет background-image, то текст в слайдерах накладывается друг на друга. Мне фон из картинок не нужен, так как фоном служит одно видео для всех. Играл с z-index у слайдов(у простого -99999, у активного 999999999) - не помогает. Ставил простому слайду display: none а активному display: block - из всех слайдов отображается только самый первый(и в пагинации он 1 из n возможных). Как решить проблему? 0

@Mikola-BLR 54 / 58 / 39 Регистрация: 27.12.2011 Сообщений: 93
	08.09.2017, 18:39
	Если вы убрали `background-image` и у вас стали прозрачными блоки, то добавьте `background-color` и блоки снова станут непрозрачными. 0

@Mikola-BLR 54 / 58 / 39 Регистрация: 27.12.2011 Сообщений: 93
	09.09.2017, 12:46
	Сообщение было отмечено евгенийпро как решение Решение Тут либо выбрать другой вариант этого же слайдера https://github.com/nolimits4we... -loop.html либо искать другой слайдер. Т.к. там изначально так реализовано в коде слайдера, что один слайд над другим, причём активный и все предыдущие имеют `opacity: 1`. Не переписывать же кучу кода слайдера. Проще уже свой собственный слайдер написать будет. 0

Fade effect slider

Решение