2
이미지 폴더 경로와 URL 경로를 두 변수 (예 : var path = css/image/
및 var urlpath = /pic/funny/
)로 묶어 각각 이미지와 URL 앞에 추가하여 반복 할 필요가 없도록 할 수 있습니까? var picData
에있는 모든 이미지 pathes?이미지 폴더 경로에 사용 변수 사용 방법
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];
}
}
나는 mainImgs[i].src = path.picO[randIndex[i]].src;
과 같은 것을 시도했지만 올바른 구문을 얻을 수 없습니다.
@Tomanow : 당신은 또한 당신의 변수를 인용 할 필요가
: 인용구 : * 나는'mainImgs [i] .src = path.picO [randIndex [i]]. src;'[...] *와 같은 것을 시도했다. – user13500
그것은 작동합니다. 문제 해결됨! 변수를'window.onload = function() {' – RedGiant
@ user35295에 넣어야합니다 : 스크립트를 페이지의 맨 아래에 두거나 문서에'addEventListener ("load")'를 사용할 수도 있습니다. jQuery를 사용할 때'$ (document) .ready (function() {/ * 여기에 DOM 요소를 가져 오기위한 코드를 넣으십시오. * /})'Ref. http://api.jquery.com/ready/ – user13500