2011-09-08 12 views
0

JavaScript関数を使用してイメージソースを生成するにはどうすればよいですか?イメージソースURLをプログラムで生成

私はサムネイル付きリストを作成するjQueryのモバイルを使用しています:

$("#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エラーを(キャッチすることが可能ですURLは画像を提供しません)...? – 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));