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.
Tek-Tips is the largest IT community on the Internet today!
Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!
-
Congratulations derfloh on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!
anyone know how to manipulate images like this?
- Thread starter tyrobert
- Start date
TruthInSatire
Programmer
that's a pretty neat idea... its just the image showing up in a floating div. ask the html/css croud (which i think is most of these folks) or view the source, it's in there somewhere.
A common mistake that people make when trying to design something completely foolproof is to underestimate the ingenuity of complete fools.
-Douglas Adams (1952-2001)
A common mistake that people make when trying to design something completely foolproof is to underestimate the ingenuity of complete fools.
-Douglas Adams (1952-2001)
Code:
<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>Clive
- Thread starter
- #5
- Status
Similar threads
- Locked
- Question
- Locked
- Question