Слайдер на главной странице и вставка линка

голоса: 0
Как заменить картинку и вставить линк при клике на неё, чтобы был переход на конкретную страницу сайта? (как в слайдере)
Адрес сайта http://gymnasium-rava.at.ua/
| Автор: | Категория: Дизайн сайта
Изменение категории | | Автор: webanet

Ответов: 2

Голоса: +1
 
Лучший ответ

ПУ - Дизайн - управление дизайном - редактор страниц - главная страница, там ищем код вида

<li style="float: left; list-style-position: outside; list-style-type: none; list-style-image: none; position: relative; width: 978px;" class="bx-clone">
  <div class="slide-box" style="background-attachment: scroll; background-repeat: repeat; background-image: url(&quot;http://gymnasium-rava.at.ua/.s/t/1221/4.jpg&quot;); background-position: 0% 0%; background-size: auto; background-origin: padding-box; background-clip: border-box; background-color: transparent;">
    <h1>
      <strong>Best photo</strong>
       of the month
    </h1>
    <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
    <img src="/.s/t/1221/4.jpg" alt="" style="display: none;">
    <div class="sub-info">
      <span></span>
      23.10.2013
    </div>
  </div>
</li>

Таких блоков кода 4, и заменяем на это, естественно для каждого блока своя картинка и своя ссылка.

<li style="float: left; list-style-position: outside; list-style-type: none; list-style-image: none; position: relative; width: 978px;" class="bx-clone">
 <a href="ссылка на страницу" style="display:block;"> <div class="slide-box" style="background-attachment: scroll; background-repeat: repeat; background-image: url('ссылка на картинку';); background-position: 0% 0%; background-size: auto; background-origin: padding-box; background-clip: border-box; background-color: transparent;"></a>
    <h1>
      <strong>Best photo</strong>
       of the month
    </h1>
    <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
    <img src="ссылка на ту же картинку" alt="" style="display: none;">
    <div class="sub-info">
      <span></span>
      23.10.2013
    </div>
  </div>
</li>

| Автор:
Выбор ответа лучшим | | Автор: Андрій
голоса: 0
<a href="http://ссылка на страницу перехода/" target="_blank"><img  src="ссылка на картинку"></a>
| Автор:
спасибо! но где и вместо чего вставлять ссылку и как правильно(http://, 'url' и т.д.?
...