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

[jiimMorrison]

Поставил слайдер по инструкции в FAQ, а как уставноить свои изображения в слайдер?

[Koderhan]

Вам достаточно поменять пути к изображениям в коде.
Например:

<img src="http://storeland.ru/img/faq/questions/nyvo_slider/slider.jpg" alt="" />
	  <a href="/"><img src="/img/faq/questions/nyvo_slider/nemo.jpg" alt="" /></a>
	  <img src="http://storeland.ru/img/faq/questions/nyvo_slider/toystory.jpg" alt="" title="Пример картинки с заголовком" />
	  <img src="http://storeland.ru/img/faq/questions/nyvo_slider/walle.jpg" alt="" />
	  <img src="http://storeland.ru/img/faq/questions/nyvo_slider/cars.jpg" alt="" />

Заменить:

<img src="адрес до изображения" alt="" />
	  <a href="/"><img src="/img/faq/questions/nyvo_slider/nemo.jpg" alt="" /></a>
	  <img src="адрес до изображения" alt="" title="Пример картинки с заголовком" />
	  <img src="адрес до изображения" alt="" />
	  <img src="адрес до изображения" alt="" />

Просто вставить адреса на свои изображения.
Изображение можно загрузить в Сайт-> Файлы.
Желательно чтобы изображения были не большого объема и одинакового размера.

[jiimMorrison]

Спасибо большое.

[jiimMorrison]

Какого  размера нужны фотографии для слайдера? чтобы они не растягивались вниз и выглядели как картинки в тестовом показе.

[Koderhan]

jiimMorrison (18 Февраль 2013 - 01:11) писал:

Какого  размера нужны фотографии для слайдера? чтобы они не растягивались вниз и выглядели как картинки в тестовом показе.

Лучше всего использовать картинки одного размера.
Если вы хотите удалить точки снизу, то для этого можно добавить стили в файл "main.csstemplate".

.nivo-controlNav {
	display:none;
}

[ais-83]

Использую картинки одного размера. В фотошопе пишу тексты для картинок, но они выглядят на деле как "кустарное производство", делаю картинки 618/246 px. Размеры слайдера на сайте:margin-left: 0px;
  margin-top:0px;
position:relative;
width:107%;
height:250px;
overflow: hidden;


если ставить 100% или авто - то же самое(( Может быть кто-то использует размеры, где отражается все отлично. Подскажите!!!

[mikola]

ais-83 (10 Март 2013 - 17:46) писал:

Использую картинки одного размера. В фотошопе пишу тексты для картинок, но они выглядят на деле как "кустарное производство", делаю картинки 618/246 px. Размеры слайдера на сайте:margin-left: 0px;
  margin-top:0px;
position:relative;
width:107%;
height:250px;
overflow: hidden;


если ставить 100% или авто - то же самое(( Может быть кто-то использует размеры, где отражается все отлично. Подскажите!!!

Скажите номер акаунта или адрес сайта...
Вы хотите поменять размер картинок в слайдере?

[миша86]

Подскажите а как а где взять адрес изображение,чтоб его вставить в слайдер?

[support 2.0]

миша86 (11 Март 2013 - 17:46) писал:

Подскажите а как а где взять адрес изображение,чтоб его вставить в слайдер?

загружаете изображение, находите его в списке и по названию кликаете правой кнопкой мыши -> копировать адрес изображения. Далее вставляете его, где Вам нужно

[Theweatherisgood]

Здравствуйте! поставил слайдер по факу, все работает сменил картинки все отлично. Только один момент - почему иногда при переходе от одного слайда к другому , меняется вид без плавного эффекта перехода. Как это исправить? Ну и хотя в дагонку - как увеличить время задержки слайдов. а то больно быстро моргают. Спасибо

[Taisia]

касательно скорости смены слайдов на форуме есть тема

[Taisia]

что бы сделать смену слайдов одинаковой найдите в коде html файла
код

<script type="text/javascript">
	$(window).load(function() {
		$('#slider').nivoSlider().parent().show();
	});
  </script>

и замените его на код

<script type="text/javascript">
	$(window).load(function() {
   $('#slider').nivoSlider({effect: 'slideInRight'}).parent().show();
	});
  </script>

[Theweatherisgood]

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

[Theweatherisgood]

на счет задержки слайдов... это не то. Там в теме обсуждается скорость именно ЭФФЕКТА, а мне нужно сделать так что бы сам слайд держался подольше. В смене самих слайдов разнообразность эффекта устраивает

[sengun]

Theweatherisgood (14 Август 2013 - 18:06) писал:

на счет задержки слайдов... это не то. Там в теме обсуждается скорость именно ЭФФЕКТА, а мне нужно сделать так что бы сам слайд держался подольше. В смене самих слайдов разнообразность эффекта устраивает

Длительность задержки изображений слайдера - переменная pauseTime, ее значение меняется в jquery.nivo.slider.pack.js
1000 = 1 сек.

[Theweatherisgood]

Вот теперь то! Спасибэ)))

[КОЛЯНЫЧ]

Доброго дня!
Сделал слайдер на сайт, загрузил несколько тестовых изображений одинакового размера.
1. Размер слайдера прыгает, то больше то меньше.
2. Мне нужно разместить слайдер под названием "Мы рады видеть вас", и иерархией "Главная..." При том, чтобы вся информация (Новинки, акции, текстовка) были ниже слайдера.
3. Возможно ли приблизить точки к слайдеру?

Аккаунт SL-230240
s931799.storeland.ru


Заранее благодарен!

[support 2.0]

КОЛЯНЫЧ (29 Август 2013 - 13:01) писал:

Доброго дня!
Сделал слайдер на сайт, загрузил несколько тестовых изображений одинакового размера.
1. Размер слайдера прыгает, то больше то меньше.
2. Мне нужно разместить слайдер под названием "Мы рады видеть вас", и иерархией "Главная..." При том, чтобы вся информация (Новинки, акции, текстовка) были ниже слайдера.
3. Возможно ли приблизить точки к слайдеру?

Аккаунт SL-230240
s931799.storeland.ru


Заранее благодарен!

Здравствуйте, у Вас сейчас шаблон HTMl абсолютно пустой. Вы можете восстановить бэкап до этих изменений.

По поводу Ваших вопросов, то для того, чтобы слайдер располагался в том месте, зайдите в шаблон Страницы и найдите блок

{% IF PAGE_NAME %}
  <div class="page-headline">
	<h1>{PAGE_NAME}</h1>
  </div>
{% ENDIF %}
<div class="pad-box">
  <!-- Строка пути -->
  <div id="site-path">
	<p>
	  <a href="http://{NET_DOMAIN}/">Главная</a> » <span class="current">{PAGE_NAME}</span>
	</p>
  </div>
  <!-- end Строка пути -->

замените на

{% IF PAGE_NAME %}
  <div class="page-headline">
	<h1>{PAGE_NAME}</h1>
  </div>
{% ENDIF %}
<div class="pad-box">
  <!-- Строка пути -->
  <div id="site-path">
	<p>
	  <a href="http://{NET_DOMAIN}/">Главная</a> » <span class="current">{PAGE_NAME}</span>
	</p>
  </div>
  <!-- end Строка пути -->

замените на

{% IFNOT index_page %}
{% IF PAGE_NAME %}
  <div class="page-headline">
	<h1>{PAGE_NAME}</h1>
  </div>
{% ENDIF %}
<div class="pad-box">
  <!-- Строка пути -->
  <div id="site-path">
	<p>
	  <a href="http://{NET_DOMAIN}/">Главная</a> » <span class="current">{PAGE_NAME}</span>
	</p>
  </div>
  <!-- end Строка пути -->
  {% ENDIF %}

далее зайдите в шаблон HTML и после

  <!-- Запуск слайдера -->
  <script type="text/javascript">
	$(window).load(function() {
		$('#slider').nivoSlider().parent().show();
	});
  </script>
  {% ENDIF %}

вставьте

{% IF index_page %}
{% IF PAGE_NAME %}
  <div class="page-headline">
	<h1>{PAGE_NAME}</h1>
  </div>
{% ENDIF %}
<div class="pad-box">
  <!-- Строка пути -->
  <div id="site-path">
	<p>
	  <a href="http://{NET_DOMAIN}/">Главная</a> » <span class="current">{PAGE_NAME}</span>
	</p>
  </div>
  <!-- end Строка пути -->
  {% ENDIF %}

Теперь найдите в шаблоне HTML блок

  <!-- Запуск слайдера -->
  <script type="text/javascript">
	$(window).load(function() {
		$('#slider').nivoSlider().parent().show();
	});
  </script>
  {% ENDIF %}

после него вставьте

{% IF index_page %}
{% IF PAGE_NAME %}
  <div class="page-headline">
	<h1>{PAGE_NAME}</h1>
  </div>
{% ENDIF %}
<div class="pad-box">
  <!-- Строка пути -->
  <div id="site-path">
	<p>
	  <a href="http://{NET_DOMAIN}/">Главная</a> » <span class="current">{PAGE_NAME}</span>
	</p>
  </div>
  <!-- end Строка пути -->
  {% ENDIF %}

Для того, чтобы приблизить точки, в файле nyvo.css найдите блок

.theme-default .nivoSlider {
position:relative;
background:#fff url({ASSETS_IMAGES_PATH}nyvo_loading.gif) no-repeat 50% 50%;
	margin-bottom:50px;
	-webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
	-moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
	box-shadow: 0px 1px 5px 0px #4a4a4a;
}

замените на

.theme-default .nivoSlider {
position:relative;
background:#fff url({ASSETS_IMAGES_PATH}nyvo_loading.gif) no-repeat 50% 50%;
	-webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
	-moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
	box-shadow: 0px 1px 5px 0px #4a4a4a;
}

[КОЛЯНЫЧ]

Очень помогли, кое что сам додумал - все отлично.