I am starting a website where an image shows on the home page and when I scroll to hover over the image it opens a newpage. I’m trying to figure out a way to do a slow dissolve from the home page to new page and also if the user has a pop up blocker on how to get around from home page to new page that if there is a way. Here is the code I have now html:

 <!DOCTYPE HTML> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Daily Process</title> <script src="Scripts/jquery-1.10.2.min.js"></script>"> <link type="text/css" href="Content/dailyprocessbootstrap.css" rel="stylesheet" /> </head> <body> <div > 

            <img src="images/White%20Daily%20Sig.png" class="center"/> </div> </body> <script>
       $(function () {
       var count = 0;
       $("img").mouseenter(function () {
         if (count == 0) {
            setTimeout(function () {
                window.open("/About.aspx");
                    },5000)

            count++;
        } 

     })
    })
</script> </html>

and css:

img {
   /*max-width: 200%;*/
    width: 80%;
    height: auto;
    background-color: #000;
    vertical-align: middle;
    border: 0;
    -ms-interpolation-mode: bicubic
}
.center {
 display: block;
 margin-left: auto;
 margin-right: auto;
 width: 95%;
}