Существует много различных слайдеров. С кучей функционала, множеством настроек и т.п. Но есть у них один небольшой недостаток — в большинстве случаев невозможно расположить элементы поверх этих слайдеров. Либо это удается с помощью трюков и хаков.
Но если особые эффект не нужны, а необходио менять картинки, то есть один способ
Решается все просто сменой фоновых картинок. Делается это с помощью JavaScript — достаточно менять свойство backgroundImage у элемента.
А чтобы смена изображени была плавной и с простейшим эффектом fade, то всего-то и надо установить свойство transition больше нуля. Величину можно подобрать под свои задачи, но 1s (одна секунда) достаточно для большинства задач. Свойство элемента можно задать как в CSS, так и с помощью JavaScript.
Данный способ позволяет сделать простое фоновое слайд шоу для любого HTML элемента, который поддерживает использование картинки в виде фона.
Реализовал данный слайдер в ввиде плагина для jQuery: https://github.com/pwsdotru/bg_slider