Я хочу создать HTML веб-сайт, который будет показывать столько же изображений, сколько и в каталоге. Может быть 5 или 100. Нажав кнопку СЛЕДУЮЩАЯ / ПРЕДЫДУЩАЯ, веб-сайт должен показать одно изображение из каталога.
$(document).ready(function () {
var images = [
"Icons/1.PNG",
"Icons/2.PNG",
"Icons/3.PNG"
];
var imageIndex = 0,
iLength = images.length - 1,
imageEl = $('#image'),
prevEl = $('#previous'),
nextEl = $('#hoger');
prevEl.on("click", function () {
imageIndex--;
imageEl.attr('src', images[imageIndex]);
nextEl.prop('disabled', false);
prevEl.prop('disabled', !imageIndex);
});
nextEl.on("click", function () {
imageIndex++;
imageEl.attr('src', images[imageIndex]);
nextEl.prop('disabled', imageIndex === iLength);
prevEl.prop('disabled', false);
});
prevEl.prop('disabled', true);
imageEl.attr(images[0]);
});
</script>
Вместо списка изображений в var = images
, мне нужно прочитать количество изображений. ,