Question

我有一个存储在我的SQL中的图像，我想将它放在光滑的滑块中，为什么滑块不包含其中的图像，result

function displayImg(data) {

    var imgs = data.pics;
    console.log(imgs);
    for(var j=0;j<imgs.length;j++)
    {
         $('.slider').append('<li><img  src="' + imgs[j].img + '"/></li>'); 
    }
    $(".slider").slick({
    autoplay: true,
    dots: true,
    slide: 'li',
    responsive: [{ 
        breakpoint: 500,
        settings: {
            dots: false,
            arrows: false,
            infinite: false,
            slidesToShow: 2,
            slidesToScroll: 2
        } 
    }]
});
}

// HTML

 <div data-role="content" id="pic">
                    <section class="slider">

                    </section>
                    </div>

Answer 1

您没有将图像添加到滑块容器中。您正在将它们添加到包装器中。

而不是：

$('#pic').append('<li><img  src="' + imgs[j].img + '"/></li>');

使用此

$('.slider').append('<li><img  src="' + imgs[j].img + '"/></li>');

Answer 2

图像永远不会存储在数据库（SQL数据库）中，您必须将其存储在数据库中，例如：localhost:80/files/imgs/myimage.png并使用该链接来引用您想要的图像。

光滑的滑块不起作用

2 个答案: