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%;
}