Question

我要做的是从目录加载所有文件（图像）并将每个图像附加到光滑的滑块上。我在js文件中初始化文档准备好的滑块，初始化后我调用函数 addImagestoSlider（）。当我在本地测试站点（显示图像）时，这种方法有效，但当我将其转换为bolt cms时，图像不会显示在滑块中。我可以在inspect元素中看到图像，但它们没有显示。

javascript函数：

function addImagesToSlider() {

console.log("in addImagesToSlider");
var dirCars = "http://localhost/bolt/public/bolt/files/files/Cars";

const fileextension = ".jpg";
$.ajax({
    //This will retrieve the contents of the folder if the folder is configured as 'browsable'
    url: dirCars,
    success: function success(data) {
        //List all .jpg file names in the page
        $(data).find("a:contains(" + fileextension + ")").each(function() {
            let filename = this.href.replace(window.location.host, "").replace("http://", "");
            console.log("filename: " + filename);
            $('#cars_slider .slide-tracker').append(`
                <figure>
                     <img src="${filename}"
                 </figure>
            `);
        });
    }
 });
}

Answer 1

这似乎不是与博尔特有关的问题。但只是为了确定，尝试检查服务器中的dirCars路由。

Answer 2

仔细阅读Bolt文档后，我以完全不同的方式解决了这个问题。在.twig文件中，我将目录中的图像直接加载到滑块中：

    <div class="slider" id="cars_slider">
        {% for image in record.gallery %}
        <figure>
           <img data-lazy="{{ thumbnail(image, 0, 0) }}">
        </figure>
        {% endfor %}
    </div>

光滑滑块不会在螺栓cms中显示图像

2 个答案: