Тема: эффекты банера
Не верю что в теме flatlines нет где-то кнопочки которая предлагает различные варианты смены банеров. Например фейдер и т.п. А то просто перелистывание как-то не КУ
Re: эффекты банера
Закусило Александр пишет:
На данный момент пока нет.
А как быть? А очень надо, чтобы картинки плавно сменяли друг друга. Направьте пожалуйста в нужном направлении
Re: эффекты банера
Подключить либо свой слайдер, либо в зависимости от темы найти опции слайдера, если там есть данный тип анимации, то задействовать.
Re: эффекты банера
Закусило Александр пишет:
Подключить либо свой слайдер, либо в зависимости от темы найти опции слайдера, если там есть данный тип анимации, то задействовать.
Данный тип анимации есть в теме Молодежная. Но как применить это к теме современная я не знаю (в программировании не силен к сожалению) Можете на пальцах объяснить?
6 26.09.2019 13:04:58 Отредактировано Андрей (26.09.2019 13:06:31)
Re: эффекты банера
Братья пацаки, ну поскрипите мозгами. Ну очень нужен плавный переход банеров(как в молодежной теме). Ку или не ку?
0
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' +3
9 27.09.2019 19:15:42 Отредактировано Закусило Александр (27.09.2019 19:23:17)
Re: эффекты банера
Ярослав ответил правильно. Форум это место свободного общения, а не обращение в поддержку. Тех поддержка находится по адресу тех. поддержки helpdesk.readyscript.ru
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
банеры пропадают, т.е. пустое место на странице
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
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
