Слайдер
Слайдер - отличное дополнение для вашего сайта, когда необходимо показать специальные акции или другое интересное содержимое, которое может быть не только изображением, но и любым другим контентом.
HTML
<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() переменной и управлять ей через неё, выставляя настройки во время выполнения скрипта.
HTML
<script>
$(function(){
var slider2 = $('#slider-2').slider({
'slides': [...]
});
setTimeout(function(){
slider2.setSpeed(200).setHeight('200px').update().setSlide(2);
}, 1000);
});
</script>
Скрипт, представленный выше, инстализирует слайдер на блок с идентификатором slider-2 и устанавливается на переменную slider2. После этого, через 1 секунду, слайдеру выставляется скорость замены одного слайда другим на 0.2 секунды, высота слайдера 200px, затем производится обновление всего слайдера и слайд меняется на 3-й(счет от нуля: 0,1,2)