갤러리 list 롤오버 했을때 이미지요... 채택완료

<script type="text/javascript">

    $(document).ready(function() {

    var xOffset = 10;

    var yOffset = 30;

        $(document).on("mouseover",".thumbnail",function(e){ //마우스 오버시

        $("body").append("<p id='preview'><img src='"+ $(this).attr("src") +"' width='500px' /></p>"); //보여줄 이미지를 선언                       

        $("#preview")

    .css("top",(e.pageY - xOffset) + "px")

    .css("left",(e.pageX + yOffset) + "px")

    .fadeIn("fast"); //미리보기 화면 설정 셋팅

    });

        $(document).on("mousemove",".thumbnail",function(e){ //마우스 이동시

        $("#preview")

    .css("top",(e.pageY - xOffset) + "px")

    .css("left",(e.pageX + yOffset) + "px");

    });

        $(document).on("mouseout",".thumbnail",function(){ //마우스 아웃시

        $("#preview").remove();

    });

});

</script>

list.skin.php 이미지 롤오버 했을때 해당 이미지가 커지면서 보여지는데 깨져서요...

원본 이미지가 보여졌음 합니다. 

<img src='"+ $(this).attr("src") +"' width='500px' /> 경로를 어떻게 적어줘야 할까요/..

답변 부탁드립니다~~^^;;;;