Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/457.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何为图像文件夹路径使用变量_Javascript_Jquery_Var - Fatal编程技术网

Javascript 如何为图像文件夹路径使用变量

Javascript 如何为图像文件夹路径使用变量,javascript,jquery,var,Javascript,Jquery,Var,我是否可以在两个变量(例如var path=css/image/和var urlpath=/pic/funcy/)中设置一个图像文件夹路径和一个url路径,并分别将它们附加到每个图像和url之前,这样我就不必重复var picData中每个图像的路径 Array.prototype.shuffle = function() { var s = []; while (this.length) s.push(this.splice(Ma

我是否可以在两个变量(例如
var path=css/image/
var urlpath=/pic/funcy/
)中设置一个图像文件夹路径和一个url路径,并分别将它们附加到每个图像和url之前,这样我就不必重复
var picData
中每个图像的路径

Array.prototype.shuffle = function() {
                var s = [];
                while (this.length) s.push(this.splice(Math.random() * this.length, 1));
                while (s.length) this.push(s.pop());
                return this;
            }

            var picData = [
                ['img1','url_1'],
                ['img2','url_2'],
                ['img3','url_3'],
                ['img4','url_4'],
                ['img5','url_5'],
                ['img6','url_6'],
                ['img7','url_7']];

            picO = new Array();
            randIndex = new Array();  //array of random indexes
            for(i=0; i < picData.length; i++){
                picO[i] = new Image();
                picO[i].src = picData[i][0];
                picO[i].alt = picData[i][1];
                randIndex.push(i);
            }
            randIndex.shuffle();
            window.onload=function(){
                var mainImgs = document.getElementById('carouselh').getElementsByTagName('img');


                for(i=0; i < mainImgs.length; i++){
                    mainImgs[i].src = picO[randIndex[i]].src; //assign a random image
                    mainImgs[i].parentNode.href = picData[randIndex[i]][1];
                    mainImgs[i].alt = picData[randIndex[i]][1];
                }

            }
Array.prototype.shuffle=function(){
var s=[];
而(this.length)s.push(this.splice(Math.random()*this.length,1));
而(s.length)这个.push(s.pop());
归还这个;
}
变量picData=[
['img1','url_1'],
['img2','url_2'],
['img3','url_3'],
['img4','url_4'],
['img5','url_5'],
['img6','url_6'],
['img7','url_7'];
picO=新数组();
randIndex=新数组()//随机索引数组
对于(i=0;i

我尝试过类似于
mainImgs[I].src=path.picO[randinex[I]].src但我无法正确理解语法

使用
+
组合变量,而不是

var a = "Some";
var b = "day";
var c = " we are gone.";

alert(a + " " + b + c);
或者通过你的例子:

mainImgs[i].src = path + picO[randIndex[i]].src;
您还需要引用您的变量:

var urlpath = "/pic/funny/";

@Tomanow:Quote:我尝试过类似于
mainImgs[I].src=path.picO[randIndex[I].src[…],有效。问题解决了!我必须将变量放入
窗口中。onload=function(){
@user35295:您也可以将脚本放在页面底部,或者在文档上使用
addEventListener(“load”)
。在使用jQuery时,可以使用
$(document)。ready(function(){/*将获取DOM元素的代码放在这里。*/}
Ref。