Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Как создать кнопки для пролистывания (https://javascript.ru/forum/dom-window/49675-kak-sozdat-knopki-dlya-prolistyvaniya.html)

McLotos 23.08.2014 19:17

Как создать кнопки для пролистывания
 
Добрый день. Получаю через AJAX список картинок в папке, вывожу их в список, т.е. уже на уровне js создаю элементы списка. подскажите как можно создать кнопочки в начале и конце списка для пролистывания картинок, чтобы посмотреть какие не поместились.
Т.е. сейчас то что не помещается начинает просто торчать за рамками div =(
Выводится всё вот так:
xmlhttp.onreadystatechange=function() {
    if (xmlhttp.readyState==4 && xmlhttp.status==200) {
   var answer=JSON.parse(xmlhttp.responseText);
   var answerLength=Object.keys(answer).length;
   var list = document.getElementById('left');
   var container = document.createElement('ul');
   list.appendChild(container);
 for(var p in answer) {
 li=document.createElement("li");
 img=document.createElement("img");
 img.setAttribute("src", 'previews/'+answer[p]);
 img.setAttribute("onclick", 'show(this.src)');
 li.appendChild(img);
 container.appendChild(li);
}
sizes(img,p);
}
}
  xmlhttp.open("GET","editor.php?command=findImages",true);
  xmlhttp.send();
}
function sizes(img,p)
{var leftHeight=document.getElementById('left').offsetHeight;//высота блока для картинок
 var imgHeight=img.offsetHeight;//высота одной картинки
 var count=leftHeight/imgHeight;//количество которое может поместиться
 var realcount=p+1;//реальное количество картинок
}


Часовой пояс GMT +3, время: 00:09.