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。