Fancybox in Asp.net

See more:

ASP.NET

I have a file uploader,i am previewing the picture what i am uploading in a div below.but i have to highlight the image in a popup window with a larger size what i am previewing by clicking/mouseover on the preview image.Can anyone help me?

aspx:

<div style="width: auto; height: auto;">
                                            <asp:FileUpload ID="QuestionUp" clientIDMode="Static" runat="server" onchange="imageURL(this)" />
                                            <br />
                                            <img id="replaceMe" style="height: 24px; width: 222px" title="Test Image" src=""
                                                alt="" name="uu" height="80" width="200" onmouseover="applyPirobox(this);"  önmouseout="removePiro(this);" />
                                            <div id="popDiv" style="display: none; height: 150; width: 180;">
                                                <img id="popImage" alt="No image" src="" height="150" width="222" />
                                            </div>
                                            <br />
                                        </div>

javascript:

<script type="text/javascript">
        function imageURL(input) {
            if (input.files && input.files[0]) {
                var reader = new FileReader();

                reader.onload = function(e) {
                    $('#replaceMe').attr('src', e.target.result)
                 .width(222)
                 .height(86);
                }

                reader.readAsDataURL(input.files[0]);
            }
        }
    </script>