Пожалуйста

$(function() {
    $('.rs-js-slider').owlCarousel({
     animateOut: 'slideOutDown',//АНИМАЦИЯ1
      animateIn: 'flipInX',//АНИМАЦИЯ2

        dots:true, //Переключение сладйо внизу
        nav:true, //Навигация влево вправо
        loop:true, //Зацикливать крутилку
        autoplay:true, //Автопереключение
        autoplayTimeout:5000, //Через сколько переключать
        smartSpeed: 1000, //Пролистываение слайда
        items : 1 //По сколько слайдов листать

    
    });
});

Вот так сделайте, в начале вставьте. С запятыми проблема была, я с начала скрипта взял.
Для плавного появления:

$(function() {
    $('.rs-js-slider').owlCarousel({
     animateOut: 'fadeOut',//Плавная АНИМАЦИЯ
    
        dots:true, //Переключение сладйо внизу
        nav:true, //Навигация влево вправо
        loop:true, //Зацикливать крутилку
        autoplay:true, //Автопереключение
        autoplayTimeout:5000, //Через сколько переключать
        smartSpeed: 1000, //Пролистываение слайда
        items : 1 //По сколько слайдов листать

    
    });
});

Еще раз спасибо. Я уже догадался. Так и сделал. Все работает как надо.

$(function() {
    $('.rs-js-slider').owlCarousel({
     animateOut: 'slideOutDown',//АНИМАЦИЯ1
      animateIn: 'flipInX',//АНИМАЦИЯ2

        dots:true, //Переключение сладйо внизу
        nav:true, //Навигация влево вправо
        loop:true, //Зацикливать крутилку
        autoplay:true, //Автопереключение
        autoplayTimeout:5000, //Через сколько переключать
        smartSpeed: 1000, //Пролистываение слайда
        items : 1 //По сколько слайдов листать

    
    });
});

Вот так сделайте, в начале вставьте. С запятыми проблема была, я с начала скрипта взял.
Для плавного появления:

$(function() {
    $('.rs-js-slider').owlCarousel({
     animateOut: 'fadeOut',//Плавная АНИМАЦИЯ
    
        dots:true, //Переключение сладйо внизу
        nav:true, //Навигация влево вправо
        loop:true, //Зацикливать крутилку
        autoplay:true, //Автопереключение
        autoplayTimeout:5000, //Через сколько переключать
        smartSpeed: 1000, //Пролистываение слайда
        items : 1 //По сколько слайдов листать

    
    });
});

Андрей, техподдержка не обязана делать верстку слайдшоу за клиентов. Нигде такого нет.
В flatlines используется Owl Carousel 2, она поддерживает animate.css.
https://owlcarousel2.github.io/OwlCarou … imate.html
Эта библиотека может добавить спецэффекты к любым блокам.
1. Закачайте в папку resource/css файл animate.css
2. В layout.tpl добавьте
{addcss file="animate.css"}
около строки
{addcss file="main.css?v=2"}
3.в  templates\flatlines\resource\js\rs.sliders.js измените настройки, добавив параметры

$(function() {
    $('.rs-js-slider').owlCarousel({
        dots:true, //Переключение сладйо внизу
        nav:true, //Навигация влево вправо
        loop:true, //Зацикливать крутилку
        autoplay:true, //Автопереключение
        autoplayTimeout:5000, //Через сколько переключать
        smartSpeed: 1000, //Пролистываение слайда
        items : 1 //По сколько слайдов листать

    animateOut: 'slideOutDown',//АНИМАЦИЯ1
    animateIn: 'flipInX',//АНИМАЦИЯ2

    });
});
    

В документации расписаны все значения https://daneden.github.io/animate.css/
   
Плавное появление:

animateOut: 'fadeOut'

Спасибо, друг.
1. закачал
2. добавил
3. когда добавляю
animateOut: 'slideOutDown',//АНИМАЦИЯ1
animateIn: 'flipInX',//АНИМАЦИЯ2
банеры пропадают, т.е. пустое место на странице

$(function() {
    $('.rs-js-slider').owlCarousel({
        dots:true, //Переключение сладйо внизу
        nav:true, //Навигация влево вправо
        loop:true, //Зацикливать крутилку
        autoplay:true, //Автопереключение
        autoplayTimeout:5000, //Через сколько переключать
        smartSpeed: 1000, //Пролистываение слайда
        items : 1 //По сколько слайдов листать

    animateOut: 'slideOutDown',//АНИМАЦИЯ1
    animateIn: 'flipInX',//АНИМАЦИЯ2

    });
});
    

В документации расписаны все значения https://daneden.github.io/animate.css/
   
Плавное появление:

animateOut: 'fadeOut'

Подключить либо свой слайдер, либо в зависимости от темы найти опции слайдера, если там есть данный тип анимации, то задействовать.

Данный тип анимации есть в теме Молодежная. Но как применить это к теме современная я не знаю (в программировании не силен к сожалению) Можете на пальцах объяснить?

На данный момент пока нет.

А как быть? А очень надо, чтобы картинки плавно сменяли друг друга. Направьте пожалуйста в нужном направлении