Question

我有一个背景图片文件夹，有一些图片我想用它们作为背景。
我怎么能得到他们的名字并把它们放在阵列的白色javascript上？如果我不能用 javascript ，我怎么能这样做？

我想阅读文件名称并使用javacsript和链接更改背景图片whit css。

<script>
 function  nextbg(){
$('#bg').css('background-image','url(Images/bg2.jpg)'); 
 }
 </script>

Answer 1

根据浏览器无法访问文件夹/文件系统的事实创建此解决方案。

Javascript可以不访问文件系统。这必须通过服务器脚本完成，然后提供给javascript。

当我加载所有不同的瓷砖时，我在构建我的游戏引擎时遇到了类似的问题。我最终这样做了。

此解决方案在实施时会产生两个问题。

您必须在“NrofTiles”数组
图片必须像tile1，tile2 ... tile9一样命名，这样你就可以了增加它们的路径。

typeOfTiles [typeCounter] 就是让我可以访问不同的文件夹，在我的情况下是我的瓷砖，草地，房屋，水等。

for(var i = 0; i <= nrofTiles.length; i++)    
{
    for(var x = 0; x <= nrofTiles[i]; x++)
    {       
        console.log
        ("Fetching tile "+(x + 1 )+" of " + 14);
        img = new Image();
        //My path
        img.src = 'Images/Cart/' + typeOfTiles[typeCounter] + '/' + (x + 1) + '.png';
        imgArray.push(img);

            var intervalFunctionen = function () {      

                alert("calls back here");
            };

    }//end for loop!
 }end outer for loop!

当所有内容都已加载（图块）时，您可以执行此操作来更改背景图片。

这是更改身体背景的示例。您可以使用ID创建链接，然后说“iamthelink”。

HTML

<a href="#" id="iamthelink">Change BG</a>

JAVASCRIPT

var link = document.getElementsById('iamthelink');

link.onclick= function() {
   var body = document.getElementsByTagName('body')[0];
   body.style.backgroundImage = 'url(http://localhost/background.png)';
}

使用javascript获取文件夹中的文件名称

1 个答案: