Автоматический старт при при горизонтальной прокрутке div блоков
Доброго времени суток уважаемы коллеги. Прошу помощи по добавлению автоматической прокрутки в блоке div.
Есть html конструкция :
<div id="container">
<div id="content">
<div class="block1"></div>
<div class="block2"></div>
<div class="block3"></div>
<div class="block....n"></div>
</div>
</div>
<button id="goLeft">LEFT</button>
<button id="goRight">RIGHT</button>
и css :
#container {
width:100%;
overflow:hidden;
}
#content {
height:140px;
width:4290px;
}
.block1...n{
display: inline-block;
width: 130px;
height: 130px;
}
#goLeft{
position:absolute;
top:0px;
left:0px;
height:130px;
}
#goRight{
position:absolute;
top:0px;
right:0px;
height:130px;
}
js сейчас выглядит так :
$(function() {
var stepSize = 100,
$container = $("#container"),
$content = $container.find("#content");
function scroll(offset) {
$container.scrollLeft($container.scrollLeft() + offset);
}
$("#goLeft").bind('click', function() {
scroll(0 - stepSize);
});
$("#goRight").bind('click', function() {
scroll(stepSize);
});
});
Всё это хорошо работает при нажатии на соответствующие кнопки. вопрос как можно добавить автоматический старт прокрутки блоков ?
Заранее благодарен !
|