Question

我正在使用以下代码尝试从设置目录中获取图像并预加载它们。我不想将图像加载到div中，而是使用法线将它们预加载到内存中：

new Image().src = "/wp-content/themes/NCHERM_Theme/images/home4-events.jpg";

我对jquery很新，所以寻求一些帮助来完成这个：

window.onload = function($) {
    var folder = "images/preload";

    $.ajax({
        url : folder,
        success: function (data) {
            //go through each item in folder
            $.each(data, function(i,filename) {
                //take each item and run into the normal preload method
                setTimeout(function() {
                    // preload images
                    new Image().src = filename;
                }, 1000);
            });
        }
    });  
};

在wordpress中运行这个我在文件夹的url上得到'403 forbbiden'，然后我甚至可以测试它是否正常工作

Answer 1

确保在<script>标记中添加了JQuery的引用。缺少JQuery库。

<script src="../../jquery.min.js" type="text/javascript"></script>

供参考：$.ajax is not a function

Answer 2

如果适合您，请尝试使用此代码。

window.onload = function($) {
var folder = "images/preload";

$.ajax({
    url : folder,
    success: function (data) {
        //go through each item in folder
        $.each(data, function(i,filename) {
            //take each item and run into the normal preload method
            setTimeout(function() {
                // preload images
                var $img=$("<img />",{"src":filename});
                $('#target_id').append($img);
            }, 1000);
        });
    }
});  
};

Answer 3

您可以通过添加以下内容来解决403错误：

选项+索引

在.htaccess文件上。

如何使用jquery从目录加载图像

3 个答案: