Как сделать фоновое слайд-шоу для тега nav> ul?

Question

Как сделать фоновое слайд-шоу для тега nav> ul?

0

Я хочу изменить фон изображения каждые несколько секунд. banner1 banner2... мой код css:

nav>ul{
    width: 529px;
    height: 529px;
    background: url(../images/banner1.png) center no-repeat;
    position: absolute;
    top: 50%;
    margin: -216px -260px;
    left: 50%;
    z-index: 50;
}

html-код:

<nav>
<ul>
anything
</ul>
</nav>

user3102269 14 дек. 2013, в 15:16

Источник

Теги:

javascript

jquery

html

css

slideshow

1 ответ

Ещё вопросы

pardillits · Answer 1 · 2013-12-14T11-40-00.000Z

Вы можете использовать этот плагин jQuery для создания фонового слайд-шоу. Он будет растягивать любое изображение в соответствии с элементом контейнера.

Вам нужно включить плагин и написать скрипт, похожий на этот:

<script>
$(".container-element-class").backstretch([
      "path-to-your/image1.jpg"
    , "path-to-your/image2.jpg"
    , "path-to-your/image3.jpg"
  ], {duration: 3000, fade: 750});
</script>

http://srobbin.com/jquery-plugins/backstretch/