Хочу на сайте сделать слайдер одежды (кофта и штаны) . Вроде JS код в порядке но не показывает картинки и в консоли пишет net::ERR_FILE_NOT_FOUND
<div class="slider">
<button id="last-image"><</button>
<img id="slide-image">
<button id="next-image">></button>
</div>
А вот JS:
var showLastImage = document.getElementById('last-image');
var showNextImage = document.getElementById('next-image');
var slideImage = document.getElementById('slide-image');
showLastImage.addEventListener('click' , onShowLastImage);
showNextImage.addEventListener('click' , onShowNextImage);
var photos = [];
photos.push("https://images.shafastatic.net/215269769");
photos.push('https://content.rozetka.com.ua/goods/images/big/181856869.jpg');
var currentNumberArray = 0;
showLastImage.disabled = true;
slideImage.src = [currentNumberArray];
function onShowLastImage() {
currentNumberArray--;
slideImage.src = [currentNumberArray];
if (currentNumberArray === 0) {
showLastImage.disabled=true;
}
showNextImage.disabled = false;
}
function onShowNextImage() {
currentNumberArray++;
slideImage.src = [currentNumberArray];
if (currentNumberArray === (photos.length -1)) {
showNextImage.disabled = true;
}
showLastImage.disabled = false;
}
Ответы (1 шт):
Автор решения: pyduti
→ Ссылка
var showLastImage = document.getElementById('last-image');
var showNextImage = document.getElementById('next-image');
var slideImage = document.getElementById('slide-image');
showLastImage.addEventListener('click' , onShowLastImage);
showNextImage.addEventListener('click' , onShowNextImage);
var photos = [];
photos.push("https://images.shafastatic.net/215269769");
photos.push('https://content.rozetka.com.ua/goods/images/big/181856869.jpg');
var currentNumberArray = 0;
showLastImage.disabled = true;
slideImage.src = photos[currentNumberArray];
function onShowLastImage() {
currentNumberArray--;
slideImage.src = [currentNumberArray];
if (currentNumberArray === 0) {
showLastImage.disabled=true;
}
showNextImage.disabled = false;
}
function onShowNextImage() {
currentNumberArray++;
slideImage.src = photos[currentNumberArray];
if (currentNumberArray === (photos.length -1)) {
showNextImage.disabled = true;
}
showLastImage.disabled = false;
}