이미지 소스 URL을 프로그래밍 방식으로 생성

JavaScript 기능을 통해 이미지 소스를 생성하려면 어떻게해야합니까?이미지 소스 URL을 프로그래밍 방식으로 생성

내가 썸네일과 목록을 만들 JQuery와 모바일을 사용하고 있습니다 :

$("#nav").append(

      '<li>' + '<a>' + '<img src=""/>' + 
       '<h3>' + surName + ', ' + firstName + ' (' + any + 
       ')' + '</h3>' + '<p>' + another + '</p>' + 
       '</a>' + '</li>' 
     ); 
     }) 
     $("#nav").listview("refresh");

이 이미지 소스가 내리스트 생성을 반복 할 때마다 변화를, 이것이 의미, 이미지의 URL이 만들어집니다 the fly via :

function getPicUrl(empID) { 

    var url = "url/loadEmployees/" 
    url = url + empID; 
    url = url + "/images/thumb"; 

    return url; 

}

어떤 이미지 소스가 어떻게 든 추가되어야한다는 것을 의미합니다 ... 나는 이것을하는 방법을 모른다.

같은 것이 있습니까 <img src="getPicUrl(variable)"> ... 가능합니까?

이

$("#nav").append(

     '<li>' + '<a>' + '<img src="' + getPicUrl(idVariable) + '"/>' + 
      '<h3>' + surName + ', ' + firstName + ' (' + any + 
      ')' + '</h3>' + '<p>' + another + '</p>' + 
      '</a>' + '</li>' 
    ); 
    }) 
    $("#nav").listview("refresh");

출처

2011-09-08 zyrex

함수를 추가

가 호출되는 URL doesnt는 이미지를 제공한다) ...?

출처

2011-09-08 12:08:18 voigtan

그것을 어떻게 든 404 오류를 잡을 수 있습니다 감사합니다 (이은을 의미 : SRC에이 어디 – zyrex

이 가능해야합니다 : http://jsbin.com/ixedur/edit 당신이 일을하고있을 때 확실하지 않지만 jquery (오류 이벤트)로 이벤트를 사용하기 위해 코드를 약간 옮겼습니다. 오류가 발생하면, img 요소를 제거하십시오. – voigtan

내가 404를 잡는 방법을 알면 확실하지 않은 $ ('img')는 모든 이미지 객체를 참조합니다. img 객체에 ID를 부여하는 것이 가능합니다. 그런 다음 404가로드되지 않고 반환되면 '그림로드'를 수행하고 로컬 그림 ab.png를 선택하십시오. 가능한가요? 고맙습니다! – zyrex

당신은 그냥 할 수 있어야 $('img').attr('src',getPicUrl(empID));

출처

2011-09-08 12:08:31 Benno

이미지 소스 URL을 프로그래밍 방식으로 생성

답변

관련 문제