У меня есть динамически сгенерированные миниатюры изображений в левой части моего всплывающего окна, и при нажатии на изображение я хочу, чтобы это изображение отображалось справа.

Я использую следующий код:

    $.ajax({  
                    type: "POST",
                    url:  "/buildyourholiday/placeimages",
                    data: "srcid="+cityid,
                    success: function(data){
                        var objsrc = jQuery.parseJSON(data);
                        var src="";
                        $(".photoright").append().empty();
                        $.each(objsrc, function(index, obsrc){
                            src += '<ul>'+
                                '<li><a href="#"><img id="citythumb" onclick="sliderimage(this)" src="/images/city/thumbs/'+obsrc.img_filename+'" width="100" height="100"></a></li>'+
                                '</ul>';
                        });
                        $(".photoright").append(src);
                        function sliderimage(image)
{
    alert("sdf");
    alert(image);
}
                    }
                });

Когда я поджариваю его, я получаю слайдрейм, это не функция. Когда я использую событие onclick после добавления, я получаю только первое изображение, но есть несколько изображений. Я хочу, чтобы он работал на клике любого изображения. Как это сделать?

Спасибо,