Open an Image as popup dialog box

I am trying to open an Image as popup when my application first load automatically. Users need to read the content of the Image then click ok to close it before the application loads. I am using jquery-ui-1.10.3. and trying to use the Jquery dialog but it seems I am not doing something right from the html head

<HEAD>
<script>

 $(function test() {
        $("<div id='dialogId'></div>").append('<img src ="../Content/Images/ample.png/"<br/>').append($(this).html());
        $('#dialogId').dialog({
            resizable:false,
            buttons: {
                Close: function () {
                    $(this).dialog('close');
                }
            }
        });
    });

```
</script>
```
```
</HEAD>
```