Тема: эффекты банера

Не верю что в теме flatlines нет где-то кнопочки которая предлагает различные варианты смены банеров. Например фейдер и т.п. А то просто перелистывание как-то не КУ

Повысить оценку Понизить оценку

Re: эффекты банера

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

3

Re: эффекты банера

Закусило Александр пишет:

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

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

Повысить оценку Понизить оценку

Re: эффекты банера

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

5

Re: эффекты банера

Закусило Александр пишет:

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

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

Повысить оценку Понизить оценку

6 Отредактировано Андрей (26.09.2019 13:06:31)

Re: эффекты банера

Братья пацаки, ну поскрипите мозгами. Ну очень нужен плавный переход банеров(как в молодежной теме). Ку или не ку?

Повысить оценку 0 Понизить оценку

7

Re: эффекты банера

Продукт платный, а техподдержка, мягко говоря, сыровата. Ответа хрен дождешься.

Повысить оценку −1 Понизить оценку

Re: эффекты банера

Андрей, техподдержка не обязана делать верстку слайдшоу за клиентов. Нигде такого нет.
В 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'

9 Отредактировано Закусило Александр (27.09.2019 19:23:17)

Re: эффекты банера

Ярослав ответил правильно. Форум это место свободного общения, а не обращение в поддержку. Тех поддержка находится по адресу тех. поддержки helpdesk.readyscript.ru

10

Re: эффекты банера

Ярослав пишет:

Андрей, техподдержка не обязана делать верстку слайдшоу за клиентов. Нигде такого нет.
В 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
банеры пропадают, т.е. пустое место на странице

Повысить оценку Понизить оценку

11

Re: эффекты банера

Пожалуйста

$(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 //По сколько слайдов листать

    
    });
});

12

Re: эффекты банера

Ярослав пишет:

Пожалуйста

$(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 //По сколько слайдов листать

    
    });
});

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

Повысить оценку +1 Понизить оценку