Слайдер

Слайдер - отличное дополнение для вашего сайта, когда необходимо показать специальные акции или другое интересное содержимое, которое может быть не только изображением, но и любым другим контентом.

<div id="slider-1"></div>
<script>
    $(function(){
        $('#slider-1').slider({
            'slides': [
                '<div class="slider-slide" style="background-image: url(img/pic/1.jpg);"></div>',
                '<div class="slider-slide">Some text</div>',
                '<div class="slider-slide" style="background-image: url(img/pic/3.jpg);"></div>'
            ]
        });
    });
</script>

Пример работы кода выше

Вы можете назначить объект .slider() переменной и управлять им через эту переменную, выставляя настройки во время выполнения скрипта.