Добрый день. Получаю через 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;//реальное количество картинок
}