2014-02-22 3 views
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;과 같은 것을 시도했지만 올바른 구문을 얻을 수 없습니다.

답변

5

사용 +은 모범으로 다음하지 .

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

alert(a + " " + b + c); 

변수를 결합하거나 :

var urlpath = "/pic/funny/"; 
+0

@Tomanow : 당신은 또한 당신의 변수를 인용 할 필요가

mainImgs[i].src = path + picO[randIndex[i]].src; 

: 인용구 : * 나는'mainImgs [i] .src = path.picO [randIndex [i]]. src;'[...] *와 같은 것을 시도했다. – user13500

+0

그것은 작동합니다. 문제 해결됨! 변수를'window.onload = function() {' – RedGiant

+0

@ user35295에 넣어야합니다 : 스크립트를 페이지의 맨 아래에 두거나 문서에'addEventListener ("load")'를 사용할 수도 있습니다. jQuery를 사용할 때'$ (document) .ready (function() {/ * 여기에 DOM 요소를 가져 오기위한 코드를 넣으십시오. * /})'Ref. http://api.jquery.com/ready/ – user13500