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


Луиза

Регистрация: 23 июля 2018
Offline Активность: 16 авг. 2018 20:04
-----

#277488 Правка Шапки

Отправлено Луиза на 01 Август 2018 - 00:20

Просмотр сообщенияMr.Nito (31 Июль 2018 - 11:05) писал:

Для автопрокрутки слайдера файл main.js

// Слайдер на главной
jQuery(function($) {
var carouselU = $('#slider');
carouselU.owlCarousel({
pagination: false,
navigation : true,
itemsScaleUp : true,
slideSpeed : 800,
autoPlay: true,
autoHeight: true,
paginationSpeed : 400,
singleItem:true,
items: 1
});
});

на

// Слайдер на главной
jQuery(function($) {
var carouselU = $('#slider');
carouselU.owlCarousel({
	 pagination: false,
	 navigation : true,
	 itemsScaleUp : true,
	 slideSpeed : 800,
	 autoplay: true,
	 autoplayTimeout: 4000,
	 autoHeight: true,
	 paginationSpeed : 400,
	 singleItem:true,
	 items: 1
});
});

- добавить ещё два слайда
шаблон HTML
	 <!-- Slider Слайдер -->
	 <div id="slideshow">
	 <div class="preloader"><span class="content-loading"></span></div>
	 <div id="slider" class="owl-carousel owl-theme">
		 <div class="item">
		 <a href="#" u="image"><img src="{ASSETS_IMAGES_PATH}slide1.jpg?design=sport" /></a>
		 </div>
		 <div class="item">
		 <a href="#" u="image"><img src="{ASSETS_IMAGES_PATH}slide2.jpg?design=sport" /></a>
		 </div>
		 <div class="item">
		 <img u="image" src="{ASSETS_IMAGES_PATH}slide1.jpg?design=sport" />
		 </div>
		 <div class="item">
		 <img u="image" src="{ASSETS_IMAGES_PATH}slide2.jpg?design=sport" />
		 </div>
	 </div>
	 </div>
	 <!-- /END Slider Слайдер -->

заменить на
	 <!-- Slider Слайдер -->
	 <div id="slideshow">
	 <div class="preloader"><span class="content-loading"></span></div>
	 <div id="slider" class="owl-carousel owl-theme">
		 <div class="item">
		 <a href="#" u="image"><img src="{ASSETS_IMAGES_PATH}slide1.jpg?design=sport" /></a>
		 </div>
		 <div class="item">
		 <a href="#" u="image"><img src="{ASSETS_IMAGES_PATH}slide2.jpg?design=sport" /></a>
		 </div>
		 <div class="item">
		 <a href="#" u="image"><img src="{ASSETS_IMAGES_PATH}slide3.jpg?design=sport" /></a>
		 </div>
		 <div class="item">
		 <a href="#" u="image"><img src="{ASSETS_IMAGES_PATH}slide4.jpg?design=sport" /></a>
		 </div>
	 </div>
	 </div>
	 <!-- /END Slider Слайдер -->

загрузить slide3.jpg и slide4.jpg по кнопке добавить файлы

Иконку favicon можно изменить по инструкции
https://storeland.ru/about/faq#52
автопрокрутка почти получилась - еще один вопрос - как ее сделать бесконечной?
добавленные 3 и 4 слайды не отображаются при прокрутке - вместо них пустой прямоугольник - что делать?
фавикон получился
заранее спасибо за помощь!