Hari, this is a working example, Rob :-
<html>
<style>
#large_image_container {display: none;
width: 500px;
height: 200px;
background-color: #D3D3D3;
position: absolute;
z-index: 50;
left: 100px;
top: 100px;
align: center;
}
</style>
<script>
function showLarge(imageID) {
document.getElementById('large_image_container').style.display =
"block";
document.getElementById('large_image').src = imageID;
document.getElementById('image_description').innerHTML = "<span
style='align: center'>This is image '" + imageID + "'</span>";
}
function hideLarge() {
document.getElementById('large_image_container').style.display =
"none";
}
</script>
<body>
<table border="1" width="10%">
<tr>
<td align=center width="10%" onmouseover="showLarge('mypic1.jpg');"
onmouseout="hideLarge();">THUMB 1 GOES HERE</td>
<td align=center width="10%" onmouseover="showLarge('mypic2.jpg');"
onmouseout="hideLarge();">THUMB 2 GOES HERE</td>
<td align=center width="10%" onmouseover="showLarge('mypic3.jpg');"
onmouseout="hideLarge();">THUMB 3 GOES HERE</td>
</tr>
</table>
<!-- The DIV below will hold the image, but is hidden by default. Using the
showLarge function unhides the block -->
<div style="display: none; width: 500px; background-color: grey;"
id="large_image_container">
<img id="large_image">
<p align=center><span id="image_description">THE IMAGE WILL BE
DISPLAYED ABOVE</span></p>
</div>
</body>
</html>
-----Original Message-----
From: php-objects@xxxxxxxxxxxxxxx [mailto:php-objects@xxxxxxxxxxxxxxx] On
Behalf Of hari
Sent: 15 March 2007 06:22
To: 'allaboutphp'; 'bang-phpug'; 'in-phpug'; 'php4india'; 'phpexperts';
'php-gurus'; 'php-gurus2'; 'php-objects'; 'phpresource'
Subject: {query} regarding mouseover
Dear all,
I am doing one matrimonial site in that I have to display the photos in full
size in a pop up window when the user place the mouse over the thumbnail
pictures.
I don't know how to do that. Please give me idea regarding that.
Thanks in advance
with regards
Hari.R
+9198949171252
***********************************************************************************
Any opinions expressed in email are those of the individual and not necessarily those of the company. This email and any files transmitted with it are confidential and solely for the use of the intended recipient
or entity to who they are addressed. It may contain material protected by attorney-client privilege. If you are not the intended recipient, or a person responsible for delivering to the intended recipient, be advised that you have received this email in error and that any use is strictly prohibited.
Random House Group + 44 (0) 20 7840 8400
http://www.randomhouse.co.uk
http://www.booksattransworld.co.uk
http://www.kidsatrandomhouse.co.uk
Generic email address - enquiries@xxxxxxxxxxxxxxxxx
Name & Registered Office:
THE RANDOM HOUSE GROUP LIMITED
20 VAUXHALL BRIDGE ROAD
LONDON
SW1V 2SA
Random House Group Ltd is registered in the United Kingdom with company No. 00954009, VAT number 102838980
***********************************************************************************
