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


Установка Слайдера По Faq


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

#1 volanchics

volanchics

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

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

Отправлено 29 Сентябрь 2013 - 09:12

Установил коды слайдера на главной (по описанию из раздела FAQ), но он встал в самом низу страницы!. Сдается мне, что-то не так сделал - подскажите что именно? И как изменить картинки слайдера и прописать для них свои ссылки?
Спасибо.

#2 Stasya

Stasya

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

  • Модератоpы
  • 4 007 сообщений

Отправлено 29 Сентябрь 2013 - 13:03

Это произошло потому что Вы вставили не туда код слайдера. Вам необходимо в шаблоне HTML найти блок
{% IF index_page %}
<!-- Обёртка, указывающая стиль темы -->
<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">
$(window).load(function() {
$('#slider').nivoSlider().parent().show(); });
</script>
{% ENDIF %}
и вставить его перед тегом
{BODY}


#3 volanchics

volanchics

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

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

Отправлено 29 Сентябрь 2013 - 13:57

Спасибо. А как вторая часть вопроса? Как изменить слайды и прописать для них ссылки?

#4 volanchics

volanchics

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

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

Отправлено 29 Сентябрь 2013 - 17:46

Как сменить картинки разобрался. Подскажите только - как сделать ссылки со слайдера?

#5 miyako

miyako

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

  • Модератоpы
  • 5 372 сообщений

Отправлено 30 Сентябрь 2013 - 07:53

Просмотр сообщенияvolanchics (29 Сентябрь 2013 - 17:46) писал:

Как сменить картинки разобрался. Подскажите только - как сделать ссылки со слайдера?

Ссылки можно сделать так

<a href="ссылка на страницу"> </a>

Если применительно к слайдеру, то так -
{% IF index_page %}
<!-- Обёртка, указывающая стиль темы -->
<div class="theme-default" style="padding: 1em; display: none;">
<!-- Непосредственный код слайдера -->
<div id="slider">
<a href="ссылка на страницу"><img src="http://storeland.ru/img/faq/questions/nyvo_slider/slider.jpg" alt="" /></a>
<a href="/"><img src="/img/faq/questions/nyvo_slider/nemo.jpg" alt="" /></a>
<a href="ссылка на страницу"><img title="Пример картинки с заголовком" src="http://storeland.ru/img/faq/questions/nyvo_slider/toystory.jpg" alt="" /></a>
<a href="ссылка на страницу"><img src="http://storeland.ru/img/faq/questions/nyvo_slider/walle.jpg" alt="" /></a>
<a href="ссылка на страницу"><img src="http://storeland.ru/img/faq/questions/nyvo_slider/cars.jpg" alt="" /></a>
</div>
</div>
<!-- Запуск слайдера -->
<script type="text/javascript">
$(window).load(function() {
$('#slider').nivoSlider().parent().show(); });
</script>
{% ENDIF %}





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

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