Не появляется изображение?

Question

[Дмитрий Ярощук]

Проблема: прописал изображение но оно почему-то не работает, хотя путь указан верно, несколько раз перепроверял. Изображение прописывал для кнопок в slick-slider.

$(function(){
    $('.services__inner').slick({
        dots: false,
        slidesToShow: 5,
        slidesToScroll: 1,
        infinite: true,
        prevArrow: '<button type="button" class="services__slick-prev"><img src="../../images/button-prev.svg" alt="button__prev"></button>',
        nextArrow: '<button type="button" class="services__slick-next"><img src="../../images/button-next.svg" alt="button__next"></button>',
        responsive: [
            {
                breakpoint: 1920,
                settings: {
                    dots:false,
                    slidesToScroll: 1,
                    infinite: true,
                    slidesToShow: 5
                }
            }
        ]
    });
});

Comments

[Danny Arty]

Ошибка говорит, что все таки путь указан неверно. Так какой реальный путь у картинок?

[Ankhena]

Обновите страницу, dev tools покажет где браузер ищет картинки.
Сравните с тем, где они на самом деле.

Но вообще, эти svg это украшения, их лучше в css прописывать. Там и с путями проще.

Answer 1

[ArtJH]

Картинка не найдена, значит:
1) не верный путь
2) отпечатка в пути или в названии

Попробуйте перепроверить путь и изменить на такой
src="./images/button-next.svg"

или так
src="../images/button-next.svg"

Answer 2

[shaidullin2h]

Приветствую, давно была такая же проблема, не мог долго её решить, попробуй поменять на это:

prevArrow:"<img class='a-left control-c prev slick-prev' src='./image..'>",
nextArrow:"<img class='a-right control-c next slick-next' src='./image..'>"

Comments

[shaidullin2h]

Я пробовал ещё создавать div и p в html
левая стрелка
правая стрелка

В JS файле отключаем стрелки и присваиваем функцию к классу.
$('.slider').slick({
arrows: false
})

$('.left').click(function(){
$('.slider').slick('slickPrev');
})

$('.right').click(function(){
$('.slider').slick('slickNext');
})