PDA

View Full Version : enlarged roll overs problem

le jonesboy
01-16-2006, 08:51 PM
i am trying to create a rollover that will spread across the page from a small image. ie the intial image is in a <td> of the same size as the image 40x40 pix, on rollover i want the image to occupy the whole screen. i have tried this with basic rollovers but because the the rollover occupys the same <td> it blows the page apart. is there any way to call in a rollover layer ? or any other way of doing this?. i know its possible to do this using only layers but i dont wat to go down that route..please help thanx!
ecampsite.co.uk
01-16-2006, 09:19 PM
have you got a link or can we see your code..
if your using tables maybe have a seperate table for the navigation
_Aerospace_Eng_
01-16-2006, 09:28 PM
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
<style type="text/css">
a img {
border:0;
}
.smallImg {
width:inherit;
}
.largeImg {
width:100%;
position:absolute;
left:0;
top:0;
}
</style>
<script type="text/javascript">
<!--
function changeClass(where,what){
document.getElementById(where).className=what;
}
//-->
</script>
</head>

<body>
<table>
<tr>
<td><a href="#" onmouseover="changeClass('img1','largeImg')" onmouseout="changeClass('img1','smallImg')"><img class="smallImg" id="img1" src="yourimage.jpg" alt=""></a></td>
</tr>
</table>
</body>
</html>
le jonesboy
01-17-2006, 08:46 PM
thanx very much .. will give it a go