Перейти к содержимому


Анимация


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 3

#1 Volkov37

Volkov37

    Пользователь

  • Пользователи
  • PipPip
  • 36 сообщений

Отправлено 05 Октябрь 2016 - 17:19

Здравствуйте, сейчас на моём сайте comfort-tex37.ru присутствует 4 слайда, хотелось бы чтобы их смена была анимирована, но чтоб смена происходила разными анимациями. Не подскажите как это осуществить?

#2 Firefly

Firefly

    Активный участник

  • Модераторы
  • 3 810 сообщений

Отправлено 05 Октябрь 2016 - 17:43

Просмотр сообщенияVolkov37 (05 Октябрь 2016 - 17:19) писал:

Здравствуйте, сейчас на моём сайте comfort-tex37.ru присутствует 4 слайда, хотелось бы чтобы их смена была анимирована, но чтоб смена происходила разными анимациями. Не подскажите как это осуществить?

Здравствуйте.
К сожалению, в установленном у Вас Flex слайдере существует возможность использовать только 2 типа анимации, чередовать которые нельзя.
Для смены анимации на другую (вторую) в шаблоне main.js найдите код:
	animation: "slide",	

Замените на:
	animation: "fade",	


#3 Volkov37

Volkov37

    Пользователь

  • Пользователи
  • PipPip
  • 36 сообщений

Отправлено 05 Октябрь 2016 - 18:31

Спасибо, а тип слайдера определяется шаблоном? Или его можно поменять на более функциональный?

#4 Mr.Nito

Mr.Nito

    Активный участник

  • Модераторы
  • 1 364 сообщений

Отправлено 05 Октябрь 2016 - 18:43

Просмотр сообщенияVolkov37 (05 Октябрь 2016 - 18:31) писал:

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