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

[D_mix]

Помогите пожалуйста разобраться с слайдером:
1.Как поставить слайдер под  Добро пожаловать! в место банера?
2.Сколько раз не пробовал перестанавливать,  всегда получается ,что точки переключения в подвале!?
3.Ставлю картинки разр. 650х300 но они не отображаются?
Прошу не отвечайте ссылками на подобные темы так как везде белиберда  ак. SL-243352

[Сake]

Найдите в вашем файле стилей main.css

.nivo-controlNav {
  bottom: -42px;
  left: 260px;
  position: absolute;
}

и замените на

.nivo-controlNav {
  bottom: 40px;
  left: 260px;
  position: relative;
}

На данный момент у вас вставлены ссылки на изображения из FAQ. Данные изображения недоступны. Вам необходимо загрузить ваши изображения в разделе редактора шаблонов, а после в шаблоне "HTML" (блоке слайдера)

<div id="slider">
<img src="http://storeland.ru/img/faq/questions/nyvo_slider/sЦветные-свечи22.jpg" alt="" />
<a href="/"><img src="/img/faq/questions/nyvo_slider/Цветные-свечи22.jpg" alt="" /></a>
<img src="http://storeland.ru/img/faq/questions/nyvo_slider/13.jpg" alt="" />
</div>

заменить ссылки на ваши изображения (атрибут src тега <img>).

[D_mix]

1.Не подстраивается под изображение.
2.Временами виснет
3.Как поставить слайдер под  Добро пожаловать! в место банера?

[Сake]

Попробуйте ранее измененный стиль

.nivo-controlNav {
  bottom: 40px;
  left: 260px;
  position: relative;
}

заменить на

.nivo-controlNav {
  bottom: 40px;
  position: relative;
  margin: 0 auto;
}

После переместите код вашего слайдера из шаблона "HTML"

<!-- Nyvo слайдер который отображается на главной -->
{% IF index_page %}
<!-- Обёртка, указывающая стиль темы -->
<div class="theme-default" style="padding: 1em; display: none;">
<!-- Непосредственный код слайдера -->
<div id="slider">
<img src=http://design.voostick.ru/11.jpg?5767" alt="" />
<img src=http://design.voostick.ru/banner2.jpg?9670altalt"  alt="" />
<img src=http://design.voostick.ru/13.jpg?4336с alt="" />
</div>
</div>
<!-- Запуск слайдера -->
<script type="text/javascript">
$(window).load(function() {
$('#slider').nivoSlider().parent().show(); });
</script>
{% ENDIF %}

в шаблоне "Страница", вставив его вместо кода

{% IF index_page %}
			<br/>
			<img src="{ASSETS_IMAGES_PATH}banner2.jpg" alt="" style="margin:0 auto;display:block;" />
			{% ENDIF %}

[D_mix]

нет не изменилось так и не подстраивается

и как его спустить под Добро пожаловать!?

[Сake]

Пожалуйста, опишите подробнее что именно не подстраивается? На данный момент навигация слайдера (точки) отображаются под слайдером и выровнены по середине слайдера. Судя по вашему шаблону "Страница" и шаблону "HTML" код слайдера вы не перенесли, а продублировали. Удалите дубликат слайдера в шаблоне "HTML".

Дубликат кода в шаблоне "HTML"

<!--
			{% IF index_page %}
			<script type="text/javascript">
$(window).load(function() {
$('#slider').nivoSlider();
});
</script>
	   <div style="overflow:hidden; height:355px; margin:-30px 0 0 0px;">
<div id="slider">
<a href="/"><img src="{ASSETS_IMAGES_PATH}slade.jpg" alt=""></a>
<a href="/"><img src="{ASSETS_IMAGES_PATH}slade.jpg" alt=""></a>
<a href="/"><img src="{ASSETS_IMAGES_PATH}slade.jpg" alt=""></a>
</div>
</div>   


<br>
  {% ENDIF %}
  -->
			<div style="margin-left:-0px;">
		   <!-- Nyvo слайдер который отображается на главной -->
{% IF index_page %}
<!-- Обёртка, указывающая стиль темы -->
<div class="theme-default" style="padding: 1em; display: none;">
<!-- Непосредственный код слайдера -->
<div id="slider">
<img src=http://design.voostick.ru/11.jpg?5767" alt="" />
<img src=http://design.voostick.ru/banner2.jpg?9670altalt"  alt="" />
<img src=http://design.voostick.ru/13.jpg?4336с alt="" />
</div>
</div>
<!-- Запуск слайдера -->
<script type="text/javascript">
$(window).load(function() {
$('#slider').nivoSlider().parent().show(); });
</script>
{% ENDIF %}

[D_mix]

Сорри сразу не понял!!!Слайдер не подстраивается под разрешение картинок и картинки получаются обрезанные

[Сake]

Найдите и удалите в вашем файле стилей main.css следующий класс

#slider {
  background: url("loading0.gif") no-repeat scroll 50% 50%;
  height: 246px;
  width: 618px;
}