Question

Помогите пожалуйста запустить слайдер https://yraaa.ru/publ/1/3-1-0-1655

Answer 1

нужно не копировать, а залить картинки на сайт, получить ссылки на них и вставить в этот код

<figure id="slider">
  <div class="container">
  <img src="0UeVZv3.jpg" alt="Белая сова">
  <img src="9J2jvF6.jpg" alt="Голубь">
  <img src="0ckDaQF.jpg" alt="Белка">
  <img src="3oMnVPz.jpg" alt="Кошка">
  </div>
  <figcaption></figcaption> <!-- slideshow caption -->
  <nav id="slider-nav"></nav> <!-- navigation -->
</figure>

далее найдите в шаблоне куда устанавливали слайдер код

 </body>

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

Код JavaScript

далее в таблицу стилей в самый низ пропишите

/* Slider */
#slider {
  display:block;
  border:4px solid #000;
  width:448px; /* Ширина слайдера */
  height:286px; /* Высота слайдера */
  margin:0 auto;
  background:white url('nivo-loading.gif') no-repeat 50% 50%;
  overflow:hidden;
  position:relative;
}

/* Для подписи */
#slider figcaption {
  display:block;
  background-color:black;
  font:normal normal 11px Arial,Sans-Serif;
  color:white;
  opacity:.8;
  padding:10px 15px;
  position:absolute;
  right:0;
  bottom:-100px; /* Скрытие заголовка */
  left:0;
  z-index:44;
}

#slider img {
  display:block;
  margin:0 0;
  width:448px; /* Ширина слайда*/
  height:286px; /* Высота слайда */
  position:absolute;
  top:0;
  left:0;
}

/* Навигация */
#slider-nav {
  display:block;
  position:absolute;
  top:10px;
  right:10px;
  z-index:99;
}

#slider-nav a {
  display:block;
  float:left;
  width:10px;
  height:10px;
  background-color:#111;
  font-size:0;
  color:transparent;
  overflow:hidden;
  text-indent:-99px;
  margin:0 2px 0 0;
  border:2px solid white;
  border-radius:100%;
  box-shadow:0 1px 2px rgba(0,0,0,.4);
}

#slider-nav .active {
  background-color:#2589B4;
}

/* Скрываем все элемента JQuery слайдера до полной загрузки */
#slider .container, #slider figcaption {display:none}
#slider-nav {opacity:0}

Comments

ничего не получается, как быть дальше?

---

а дальше читать ещё несколько раз мое сообщение ПОЛНОСТЬЮ, а не только верхнюю там ещё про скрипт и стили написано