Posted by Martin Jay on 04/28/06 22:01
In message <1146245459.955914.108540@j33g2000cwa.googlegroups.com>,
chrisdude911 <chriswillis10@gmail.com> writes
>nope still doesn't work
How about something like this? It might put you on the right track.
Also uploaded to:
<http://www.spam-free.org.uk/pages/table_top.html>.
<html>
<head>
<title>Pics</title>
<style>
..small {height:100px;margin:2px;}
..large {height:600px;border:black 2px solid;}
#imgbox {width: 300px;position:absolute;}
..centre {margin-left: 300px;text-align: center;}
</style>
<script type='text/javascript'>
function toPicbox(x){
document.getElementById('picbox').src = x.src;
}
</script>
<div id="imgbox">
<table border"2">
<tr>
<td><img src="guitar.jpg" class='small'
onclick='toPicbox(this)'></td>
</tr>
<tr>
<td><img src="startempty.jpg" class='small'
onclick='toPicbox(this)'></td></tr>
</table>
</div>
<div class="centre">
<img src='startempty.jpg' id="picbox" class='large'>
</div>
</body>
</html>
--
Martin Jay
[Back to original message]
|