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

[sengun]

Korolev Andrey (20 Сентябрь 2013 - 21:34) писал:

Установил слайдер по инструкции в FAQ. Но он не отображается на сайте... не понимаю почему... Сайт http://s1005725.storeland.ru/

Все годы прописал.

Так же прописал главный код слайдера:

<div style="position: absolute; top: 250px; right: 10px; z-index: 44422;">
<div class="theme-default" style="padding: 1em; display: none;"><!-- Непосредственный код слайдера --><br />
<div id="slider"><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 title="Пример картинки с заголовком" src="http://storeland.ru/img/faq/questions/nyvo_slider/toystory.jpg" alt="" /> <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="" /></div>
</div>
<p> </p>
<br /> <!-- Запуск слайдера --><br />
<script type="text/javascript">// <![CDATA[
<br /> $(window).load(function() {<br /> $('#slider').nivoSlider().parent().show();<br /> });<br />
// ]]></script>
</div>

В разделе FAQ закрались ошибки, почему-то редактор вставляет в инструкции лишние символы.
Вам надо в шаблоне HTML код слайдера

<div class="theme-default" style="padding: 1em; display: none;"><!-- Непосредственный код слайдера --><br />
<div id="slider"><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 title="Пример картинки с заголовком" src="http://storeland.ru/img/faq/questions/nyvo_slider/toystory.jpg" alt="" /> <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="" /></div>
</div>
<p> </p>
<br /> <!-- Запуск слайдера --><br />
<script type="text/javascript">// <![CDATA[
<br /> $(window).load(function() {<br /> $('#slider').nivoSlider().parent().show();<br /> });<br />
// ]]></script>
  </div>

заменить на этот

<div class="theme-default" style="padding: 1em; display: none;">
<!-- Непосредственный код слайдера -->
  <div id="slider">
	<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 title="Пример картинки с заголовком" src="http://storeland.ru/img/faq/questions/nyvo_slider/toystory.jpg" alt="" />
	<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="" />
  </div>
</div>
<!-- Запуск слайдера -->
<script type="text/javascript">// <![CDATA[
$(window).load(function() { $('#slider').nivoSlider().parent().show(); });
// ]]></script>

и код подключения файлов

  <p><!-- Загрузка Jquery галереии Nyvo Slider --><br /><br />
<script type="text/javascript" src="{ASSETS_JS_PATH}jquery.nivo.slider.pack.js"></script>
</p>

замените на этот

<!-- Загрузка Jquery галереии Nyvo Slider -->
<script type="text/javascript" src="{ASSETS_JS_PATH}jquery.nivo.slider.pack.js"></script>
<link rel="stylesheet" href="{ASSETS_STYLES_PATH}nyvo.css" type="text/css" />

[Landing Page]

Скажите, а как убрать эти точки снизу слайдера? Пусть картинки сами по себе переключаются.

[Vaccina]

Добавьте в ваш файл стилей main3.css следующее правило

.nivo-controlNav {
	display: none !important;
}

[Landing Page]

Почему опять не отображается слайдер? Сайт http://s1052487.storeland.ru/

<div style="position: absolute; top: 80px; right: 515px; z-index: 2453;">
<div class="theme-default" style="padding: 1em; display: none;">
<!-- Непосредственный код слайдера -->
  <div id="slider">
		<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 title="Пример картинки с заголовком" src="http://storeland.ru/img/faq/questions/nyvo_slider/toystory.jpg" alt="" />
		<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="" />
  </div>
</div>
<!-- Запуск слайдера -->
<script type="text/javascript">// <![CDATA[
$(window).load(function() { $('#slider').nivoSlider().parent().show(); });
// ]]></script>
</div>

[Сake]

У вас обращение к библиотеке nivoslider происходит раньше чем подключается сама библиотека. Вам необходимо подключение файла jquery.nivo.slider.pack.js переместить и вставить подключение перед подключением файла main.js в шаблоне "HTML".

[Landing Page]

Я выставляю размер слайдера

width: 439px;
height: 323px;

Почему он выставляем сам другой размер: 441 на 440?  Сайт http://s1052487.storeland.ru/

[Landing Page]

Korolev Andrey (27 Октябрь 2013 - 17:18) писал:

Я выставляю размер слайдера

width: 439px;
height: 323px;

Почему он выставляем сам другой размер: 441 на 440?  Сайт http://s1052487.storeland.ru/

Решил проблему, картинки не были добавлены, после добавления размер выровнялся на нужный.