I was looking at this page: . And noticed that when you hover over a picture it enlarges near your mouse pointer. Anyone know how to do this? Is this done with javascript? Thanks in advance.
Follow along with the video below to see how to install our site as a web app on your home screen.
Note: This feature may not be available in some browsers.
<html><head><body>
<script>
function hide(id) {
document.getElementById(id).style.visibility = "hidden"
}
function unhide(id) {
document.getElementById(id).style.visibility = "visible"
}
</script>
<img src="smallpic.jpg" width="30px" height="30px" onmouseover="unhide('div1')" onmouseout="hide('div1')" />
<div id="div1"
style="position:absolute;left:200px;top:100px;
width:200px;height:200px;background:yellow;
border:medium solid red; padding:10px;
visibility:hidden">BIG PICTURE HERE<br />
<div align="right">
<input type="button" value="Close" onclick="hide('div1')" />
</div></div><body></html>