Отключен JavaScript

У вас отключен JavaScript. Некоторые возможности системы не будут работать. Пожалуйста, включите JavaScript для получения доступа ко всем функциям.

1

Управление Слайдером И Вопросы Изменения Кода В Целом.

Автор Gavolot, 12 янв. 2014 02:17

Вперед

Авторизуйтесь для ответа в теме

Сообщений в теме: 23

#1 Gavolot

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

Пользователи
14 сообщений

Отправлено 12 Январь 2014 - 02:18

В общем решил использовать шаблон Осень, там есть слайдер, в который нужно вставить свои картинки.
Я пока разобрался только в том, как вставить свои картинки slide1, slide2. И тупо их заменить. Т.е. стандартные переименовал и вставил свои.
Но там уж больно большой размер ставится. Хотелось бы понять где поменять подгонку размеров на свою. Маломальское понимание HTML, CSS, JS(ну и кода в целом) имеется. Понять бы только как это дело менять и где. Облазил весь редактор шаблонов, там HTML шаблоны, все такое. Нечего путного не нашел или просто пропустил.

Заранее спасибо.

Наверх

#2 Alexey11

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

Модератоpы
1 057 сообщений

ГородНижний новгород

Отправлено 12 Январь 2014 - 08:51

Сообщите пожалуйста свой номер аккаунта.

Наверх

#3 Gavolot

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

Пользователи
14 сообщений

Отправлено 12 Январь 2014 - 14:26

Аккаунт-SL261763

Только я всего-лишь хотел узнать где посмотреть код, чтобы я мог его изменять, желательно еще позиция где находится кусок кода связанный со слайдером.

Наверх

#4 sengun

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

Модератоpы
1 139 сообщений

ГородНижний Новгород

Отправлено 12 Январь 2014 - 21:57

Gavolot (12 Январь 2014 - 14:26) писал:

Аккаунт-SL261763

Только я всего-лишь хотел узнать где посмотреть код, чтобы я мог его изменять, желательно еще позиция где находится кусок кода связанный со слайдером.

Здравствуйте.
Ширина слайдера задается шириной окна браузера. Ширина картинок = 100% ширины слайдера. Высоты подгоняются автоматически и высота слайдера - максимальная из высот картинок.
Изменять значение ширины слайдера можно, добавив соответствующее свойство в код

.flexslider {margin: 0 0 30px; background: #fff; border: 4px solid #fff; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; box-shadow: 0 1px 4px rgba(0,0,0,.2); -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); zoom: 1;}

который расположен в шаблоне style.css
Изменяя ширину слайдера, вам, скорее всего, захочется выровнять его по-середине - magrin: auto;
HTML-код слайдера находится в шаблоне HTML:

	  <div class="flexslider" id="autumn-slider">
		<ul class="slides">
		 <li><a href="#"><img src="{ASSETS_IMAGES_PATH}slide1.jpg"></a></li>
		<li><a href="#"><img src="{ASSETS_IMAGES_PATH}slide2.jpg"></a></li>
		</ul>
	 </div>

Наверх

#5 Gavolot

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

Пользователи
14 сообщений

Отправлено 14 Январь 2014 - 01:37

Спасибо, сейчас опробую.

Наверх

#6 Gavolot

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

Пользователи
14 сообщений

Отправлено 14 Январь 2014 - 02:10

Попытался изменить размер слайдера, с отступами я как-то бы разобрался, он не в какую. Сначала я попробовал тупо добавить код как вы и сказали и там что-то мутить с width, height, zoom. Затем попробовал еще с тем кодом, что у вас уже есть. Вообще в инете есть справочник по css и я примерно понял как там все работает, намутил даже чтобы уменьшить слайдер. Но, картинки то он все-равно увеличивает)) В этом вся проблема, я не знаю как сделать чтобы он их подгонял как-то по тем размерам, что я выставлю.

Наверх

#7 Gavolot

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

Пользователи
14 сообщений

Отправлено 14 Январь 2014 - 02:30

В принципе вопросов пока больше нету.
Вдруг можно например как-то изменить то, чтобы все картинки обязательно подгонялись под размер 400 на 400.
А так, я впринципе покрутил, повертел, более менее все ясно.

Наверх

#8 Vaccina

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

Модераторы
24 369 сообщений

Отправлено 14 Январь 2014 - 06:21

Картинки на данный момент у вас маленькие, не растягиваются по ширине сайта. Если остались вопросы и я их не заметила в контексте, то повторите их пожалуйста.

Если хотите отцентровать слайдер, то в style.css найдите:

flexslider {
	background: none repeat scroll 0 0 #FFFFFF;
	border: 4px solid #FFFFFF;
	border-radius: 4px;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
	margin: 0 0 30px;
	max-height: 400px;
	max-width: 400px;
	position: relative;
}

замените на:

.flexslider {
	background: none repeat scroll 0 0 #FFFFFF;
	border: 4px solid #FFFFFF;
	border-radius: 4px;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
	margin: 20px auto;
	max-height: 400px;
	max-width: 400px;
	position: relative;
}

Наверх

#9 Gavolot

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

Пользователи
14 сообщений

Отправлено 14 Январь 2014 - 07:39

Я в принципе на данный момент почти многое понял с кодом стилей сладера(хоть это хорошо).
Ладно, пока мне я думаю и спрашивать не про что, спасибо за ответы.

Наверх

#10 kirillnb

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

Пользователи
12 сообщений

Отправлено 29 Январь 2014 - 17:32

Здравствуйте.. подскажите, где что нужно изменить- не могу найти.. чтобы в слайдер добавить еще 6 картинок.. (чтобы была смена восьми картинок)- грузит только две
.

Наверх

#11 Alexey11

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

Модератоpы
1 057 сообщений

ГородНижний новгород

Отправлено 29 Январь 2014 - 17:35

kirillnb (29 Январь 2014 - 17:32) писал:

Здравствуйте.. подскажите, где что нужно изменить- не могу найти.. чтобы в слайдер добавить еще 6 картинок.. (чтобы была смена восьми картинок)- грузит только две
.

Сообщите пожалуйста номер вашего аккаунта.

Наверх

#12 kirillnb

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

Пользователи
12 сообщений

Отправлено 29 Январь 2014 - 19:12

http://pozdrav.storeland.ru/
SL-267940

Наверх

#13 Alexey11

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

Модератоpы
1 057 сообщений

ГородНижний новгород

Отправлено 29 Январь 2014 - 19:17

kirillnb (29 Январь 2014 - 19:12) писал:

http://pozdrav.storeland.ru/
SL-267940

В шаблоне html найдите данный блок кода:

   <li><a href="#"><img src="{ASSETS_IMAGES_PATH}slide1.jpg"></a></li>
		<li><a href="#"><img src="{ASSETS_IMAGES_PATH}slide2.jpg"></a></li>
		  <li><a href="#"><img src="{ASSETS_IMAGES_PATH}slide2.jpg"></a></li>
		  <li><a href="#"><img src="{ASSETS_IMAGES_PATH}slide2.jpg"></a></li>
		  <li><a href="#"><img src="{ASSETS_IMAGES_PATH}slide2.jpg"></a></li>
		  <li><a href="#"><img src="{ASSETS_IMAGES_PATH}slide2.jpg"></a></li>
		  <li><a href="#"><img src="{ASSETS_IMAGES_PATH}slide2.jpg"></a></li>
		  <li><a href="#"><img src="{ASSETS_IMAGES_PATH}slide2.jpg"></a></li>

замените его на:

   <li><a href="#"><img src="{ASSETS_IMAGES_PATH}slide1.jpg"></a></li>
		<li><a href="#"><img src="{ASSETS_IMAGES_PATH}slide2.jpg"></a></li>
		  <li><a href="#"><img src="{ASSETS_IMAGES_PATH}slide3.jpg"></a></li>
		  <li><a href="#"><img src="{ASSETS_IMAGES_PATH}slide4.jpg"></a></li>
		  <li><a href="#"><img src="{ASSETS_IMAGES_PATH}slide5.jpg"></a></li>
		  <li><a href="#"><img src="{ASSETS_IMAGES_PATH}slide6.jpg"></a></li>
		  <li><a href="#"><img src="{ASSETS_IMAGES_PATH}slide7.jpg"></a></li>
		  <li><a href="#"><img src="{ASSETS_IMAGES_PATH}slide8.jpg"></a></li>

Наверх

#14 kirillnb

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

Пользователи
12 сообщений

Отправлено 29 Январь 2014 - 20:30

Точно) - спасибо!

Наверх

#15 pilot

Продвинутый пользователь

Пользователи
170 сообщений

Отправлено 10 Февраль 2014 - 13:40

sengun (12 Январь 2014 - 21:57) писал:

Изменять значение ширины слайдера можно, добавив соответствующее свойство в код

.flexslider {margin: 0 0 30px; background: #fff; border: 4px solid #fff; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; box-shadow: 0 1px 4px rgba(0,0,0,.2); -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); zoom: 1;}

который расположен в шаблоне style.css

А соответствующее свойство - это какое?

Наверх

#16 Alexey11

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

Модератоpы
1 057 сообщений

ГородНижний новгород

Отправлено 10 Февраль 2014 - 14:34

pilot (10 Февраль 2014 - 13:40) писал:

А соответствующее свойство - это какое?

width - ширина.
height - высота.

Наверх

#17 Alan

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

Пользователи
246 сообщений

Отправлено 14 Ноябрь 2014 - 14:50

как в моем случае можно уменьшить слайдер и отцентрировать??

Наверх

#18 Alekseys

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

Пользователи
2 355 сообщений

Отправлено 14 Ноябрь 2014 - 18:35

Alan (14 Ноябрь 2014 - 14:50) писал:

как в моем случае можно уменьшить слайдер и отцентрировать??

Здравствуйте. В main.css отредактируйте в

#module_area{width:100%;margin:0 auto;}

параметр width:100%; , слайдер отцентруется автоматически.

Наверх

#19 Lion

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

Пользователи
337 сообщений

ГородMoscow

Отправлено 14 Май 2015 - 20:02

Добрый день, подскажите где в Осени регулируется скорость прокрутки центрального слайдера на главной?

Наверх

#20 Danil

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

Пользователи
4 645 сообщений

Отправлено 14 Май 2015 - 20:16

Lion (14 Май 2015 - 20:02) писал:

Добрый день, подскажите где в Осени регулируется скорость прокрутки центрального слайдера на главной?

Здравствуйте.
В main.js найдите код

 $(window).load(function() {
	$('.flexslider').flexslider({
	  animation: "fade",
	  pauseOnHover: true,
	 touch: true,
 animationSpeed: 1300,
 slideshowSpeed: 6500,
 smoothHeight: false,
 controlNav: false,
	  directionNav: true
	});
  });

изменяйте значения animationSpeed и slideshowSpeed