Добавил еще два изображения (всего 5 теперь), и ввел переменную show если =true, то пауза, если false, то крутить. Теперь все хорошо, паузы есть везде... Но выглядит как какое-то ублюжество, мне стыдно на это смотреть)) Может быть есть какие-то способы и приемы укоротить код и выстроить его более изящно?)
function sliderscroll() { //Прокрутка слайдера
var i=0;
var posx = 0;
var scrll=0;
var show=true;
this.next = function()
{
if (posx!=-3600){
if (i!=-900){
if (show){setTimeout(arguments.callee,3000); show=false;}else{
i=i-50;
posx=scrll+i;
document.getElementById('slider').style.left=posx+'px';
t1=setTimeout(arguments.callee,10);
};
} else {
clearTimeout(t1);
scrll=posx;
i=0;
t2=setTimeout(arguments.callee,3000);
};
} else {
show=true;
clearTimeout(t2);
i=0;
scrll=posx;
new sliderscroll().tofirst();
};
};
this.tofirst = function()
{
if (posx<3600) {
if (show) {setTimeout(arguments.callee,3000); show=false;} else {
i=i+50;
posx=+i;
document.getElementById('slider').style.left=-3600+posx+'px';
t3=setTimeout(arguments.callee,10);
};
} else {
clearTimeout(t3);
t4=setTimeout(arguments.callee,3000);
new sliderscroll().next();
clearTimeout(t4);
};
};
};
И про ксс вопрос, как из него брать размеры? У меня в css у дива со всеми изображениями:
left: 0px;
position: relative;
height:360px;
width:4500px;
если width поставить авто, то все дивы выстраиваются столбцом, а не в ряд. Как сделать в ряд?)