Здравствуйте, сейчас на моём сайте comfort-tex37.ru присутствует 4 слайда, хотелось бы чтобы их смена была анимирована, но чтоб смена происходила разными анимациями. Не подскажите как это осуществить?
0
Анимация
Автор Volkov37, 05 окт. 2016 17:19
Сообщений в теме: 3
#1
Отправлено 05 Октябрь 2016 - 17:19
#2
Отправлено 05 Октябрь 2016 - 17:43
Volkov37 (05 Октябрь 2016 - 17:19) писал:
Здравствуйте, сейчас на моём сайте comfort-tex37.ru присутствует 4 слайда, хотелось бы чтобы их смена была анимирована, но чтоб смена происходила разными анимациями. Не подскажите как это осуществить?
Здравствуйте.
К сожалению, в установленном у Вас Flex слайдере существует возможность использовать только 2 типа анимации, чередовать которые нельзя.
Для смены анимации на другую (вторую) в шаблоне main.js найдите код:
animation: "slide",
Замените на:
animation: "fade",
#3
Отправлено 05 Октябрь 2016 - 18:31
Спасибо, а тип слайдера определяется шаблоном? Или его можно поменять на более функциональный?
#4
Отправлено 05 Октябрь 2016 - 18:43
Volkov37 (05 Октябрь 2016 - 18:31) писал:
Спасибо, а тип слайдера определяется шаблоном? Или его можно поменять на более функциональный?
Инструкция по его установке в разделе FAQ ("Как установить слайдер на главной странице магазина?")
http://storeland.ru/about/faq#51
Чтобы удалить старый слайдер в файле HTML удалите
<div class="flexslider" id="autumn-slider"> <ul class="slides"> <li><a href="#"><img src="{ASSETS_IMAGES_PATH}slide1.jpg?design=autumn"></a></li> <li><a href="#"><img src="{ASSETS_IMAGES_PATH}slide2.jpg?design=autumn"></a></li> <li><a href="#"><img src="{ASSETS_IMAGES_PATH}slide3.jpg?design=autumn"></a></li> <li><a href="#"><img src="{ASSETS_IMAGES_PATH}slide4.jpg?design=autumn"></a></li> </ul> </div>
в файле main.js удалить
//Слайдер на главной $(window).load(function(){ $('.flexslider').flexslider({ animation: "fade", start: function(slider){ $('body').removeClass('loading'); } }); });
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных