Yalen (15 Июнь 2013 - 22:00) писал:
Все получилось, спасибо большое. Еще один вопрос, как подставить картинки, например, с какой-нибудь акцией со скидками на слайдер, чтобы при клике переводило на станицу с информацией о них.
<!-- Nyvo слайдер который отображается на главной --> {% 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 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="" /> </div> </div>Здесь за каждое изображение слайдера отвечает код вида
<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> обернут в тег <a> . Т.е. вторая картинка, отображающаяся на слайдере является ссылкой. Если вы каждую картинку обернете в тег <a> с нужными атрибутами, то каждая картинка, при клике на нее, отправит пользователя по нужному адресу.
Атрибут, задающий адрес передхода - href. Например, есть картинка
<img src="http://storeland.ru/img/faq/questions/nyvo_slider/slider.jpg" alt="" />обернем ее в тег <a> и атрибуту href присвоим некоторое значение:
<a href="storeland.ru/"><img src="http://storeland.ru/img/faq/questions/nyvo_slider/slider.jpg" alt="" /></a>В данном случае, нажимая на эту картинку, пользователь перейдет на сайт storeland.ru