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


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


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

#1 Gavolot

Gavolot

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

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

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

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

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

#2 Alexey11

Alexey11

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

  • Модератоpы
  • 1 057 сообщений
  • ГородНижний новгород

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

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

#3 Gavolot

Gavolot

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

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

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

Аккаунт-SL261763

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

#4 sengun

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

Gavolot

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

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

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

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

#6 Gavolot

Gavolot

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

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

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

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

#7 Gavolot

Gavolot

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

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

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

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

#8 Vaccina

Vaccina

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

  • Модераторы
  • 23 731 сообщений

Отправлено 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

Gavolot

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

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

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

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

#10 kirillnb

kirillnb

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

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

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

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

#11 Alexey11

Alexey11

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

  • Модератоpы
  • 1 057 сообщений
  • ГородНижний новгород

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

Просмотр сообщенияkirillnb (29 Январь 2014 - 17:32) писал:

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

#12 kirillnb

kirillnb

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

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

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

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

#13 Alexey11

Alexey11

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

  • Модератоpы
  • 1 057 сообщений
  • ГородНижний новгород

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

Просмотр сообщенияkirillnb (29 Январь 2014 - 19:12) писал:


В шаблоне 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

kirillnb

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

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

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

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

#15 pilot

pilot

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

  • Пользователи
  • PipPipPip
  • 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

Alexey11

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

  • Модератоpы
  • 1 057 сообщений
  • ГородНижний новгород

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

Просмотр сообщенияpilot (10 Февраль 2014 - 13:40) писал:

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

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

#17 Alan

Alan

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

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

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

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

#18 Alekseys

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

Lion

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

  • Пользователи
  • PipPipPipPip
  • 337 сообщений
  • ГородMoscow

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

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

#20 Danil

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




Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных