javascript - getJSON、イテレーション、画像表示

Question

画像を含むJSONがあります。次のようになります。

["1.jpg","2.jpg","3.jpg","4.jpg","Thumbs.db","..","." .............]

次のように 1 つずつアクセスできます。

data[0]
data[1]
data[2]

ただし、これらすべての画像を特定の div で (1 つの列に) 上下に動的に表示したいと考えています。このようなもの：

$(document).ready(function() {

    updateProfil();

    function updateProfil() {
        $.getJSON("./index_logg1.php", null, processCategory); 
    }   

    function processCategory(data) {
        $.each(data, function() {
            // the code ????
        });

        $("#my_user").html('<img src='+ ???? +' />');
        $("#my_user").hide().fadeIn(700);
    }

});

編集 ：

やあ、

返信ありがとうございます。(次のコードを使用して) 画像を動的に視覚化できるようになりましたが、問題は、画像がクリックされたときに href 値を (動的に) キャプチャできるようにすることです。（その後、jquery post経由でphpに送信しました）

マウスをホバリングすると値が表示されますが、クリックしたときにそれらをキャプチャすることはできません。これまでのところ何も機能していないようです...

コード：

enter code here
    function updateProfil() {
  $.getJSON("./index_logg2.php", null, processCustom); 
   }

function processCustom(data) {
   $.each(data, function(k, v) {
   $(".panel").append('<center><a href="?cust='+  k +'"><img src="images/custom/'+ v +' "title="Click to set it" "></a></center><br />');

   /*
   $(".panel").click(function() {
 var data= ???
   $.post("./index_logg2.php", { data: ??? }, updateProfil ); 
   });
   */

   });
   } 

ありがとう ！