2011-09-08 56 views
0

如何通過JavaScript函數生成圖像源?以編程方式生成圖像源網址

我使用jQuery Mobile的創建具有縮略圖列表:

$("#nav").append(

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

圖像源每天我通過我的列表創建迭代時間的變化,這意味着,上創建了圖像的URL飛通過:

function getPicUrl(empID) { 

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

    return url; 

} 

這意味着圖像源必須以某種方式添加...我不知道如何做到這一點。

類似<img src="getPicUrl(variable)"> ...這是可能的嗎?

回答

3

添加你要調用的函數,其中src爲:

$("#nav").append(

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

謝謝你,是否有可能以某種方式捕獲一個404錯誤(這將意味着網址不提供圖像)...? – zyrex

+0

應該是可能的:http://jsbin.com/ixedur/edit我不知道你什麼時候運行的東西,但我移動了代碼只是爲了使用事件與jQuery(錯誤事件),如果它得到一個錯誤,刪除img元素。 – voigtan

+0

不確定如果我明白如何捕捉404,$('img')是指每個圖像對象的權利?是否有可能給IMG對象一個ID,然後做一些'嘗試加載圖片',如果它沒有加載並返回404,那麼請選擇本地圖片ab.png ..這可能嗎?謝謝! – zyrex

3

你應該只能夠做$('img').attr('src',getPicUrl(empID));