PDA

View Full Version : table using onmouseup



collie
Feb 22nd, 2003, 04:24 PM
I'M missing a part of this code that will allow a larger picture to open up in the middle. Unable to figure it out. I have three pictures on each side. Sure could use some help.







<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%">
<tr>
<td width="33%">&nbsp;</td>
<td width="33%">
<p align="center"><b><font size="5" color="#FFFFFF">Slide&nbsp; Show&nbsp;
Tutorial<br>
</font><br>
<font color="#9EABB6">.</font></td>
<td width="34%">&nbsp;</td>
</tr>
<tr>
<td width="33%">
<p align="center">
<img src="cody.jpg" onmouseup="lake1.setImageValue('cody.jpg');" border="1" WIDTH="134" HEIGHT="80"></p>
<p align="center"> <img src="collin.jpg" onmouseup="lake1.setImageValue('collin.jpg');" border="1" WIDTH="134" HEIGHT="80"></p>
<p align="center"> <img src="john.jpg" onmouseup="lake1.setImageValue('john.jpg');" border="1" WIDTH="134" HEIGHT="80"></td>
<td width="33%">

????????????????????????????????????????????????????????
This is where i cannot figure out the correct code to be put here.


<td width="34%">
<p align="center"> <img src="beach2.jpg" onmouseup="lake1.setImageValue('beach2.jpg');" border="1" WIDTH="134" HEIGHT="80"></p>
<p align="center"> <img src="yosemite.jpg" onmouseup="lake1.setImageValue('yosemite.jpg');" border="1" WIDTH="134" HEIGHT="80"></p>
<p align="center"> <img src="hboat.jpg" onmouseup="lake1.setImageValue('hboat.jpg');" border="1" WIDTH="134" HEIGHT="80"></td>
</tr>
<tr>
<td width="33%">&nbsp;</td>
<td width="33%">
<p align="center"><br>
<font color="#FFFFFF">
<font face="Verdana" size="2">Click
Thumbnails to view large image</font><u><font face="Verdana" size="2"><strong>&nbsp;</strong></font></u></font></td>
<td width="34%">&nbsp;</td>
</tr>
<tr>
<td width="33%">&nbsp;</td>
<td width="33%">&nbsp;</td>
<td width="34%">&nbsp;</td>
</tr>
</table>

</body>

</html>

cg9com
Feb 23rd, 2003, 06:59 AM
... what are you trying to do? :confused:

redhead
Feb 23rd, 2003, 05:30 PM
i could be wront... but it looks to me like... the "big image" 's are already shown... and its changeing another image to the same image the user has already clicked, right?

collie
Feb 24th, 2003, 03:03 PM
sorry, did not present this well. Here is the complete code that I'M trying to modify. This code opens up a larger picture In the middle. I'M trying to replace the applet and have my pictures open up in the middle instead.





<html>

<head>

<title>screensaver</title>

</head>

<body bgcolor="#9EABB6">

<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%">
<tr>
<td width="33%">&nbsp;</td>
<td width="33%">
<p align="center"><b><font size="5" color="#FFFFFF">Slide&nbsp; Show&nbsp;
Tutorial<br>
</font><br>
<font color="#9EABB6">.</font></td>
<td width="34%">&nbsp;</td>
</tr>
<tr>
<td width="33%">
<p align="center">
<img src="cody.jpg" onmouseup="lake1.setImageValue('cody.jpg');" border="1" WIDTH="134" HEIGHT="80"></p>
<p align="center"> <img src="collin.jpg" onmouseup="lake1.setImageValue('collin.jpg');" border="1" WIDTH="134" HEIGHT="80"></p>
<p align="center"> <img src="john.jpg" onmouseup="lake1.setImageValue('john.jpg');" border="1" WIDTH="134" HEIGHT="80"></td>
<td width="33%">
<p align="center">

<applet code="lake.class" name="lake1" width="350" height="350" ALIGN="bottom" style="border-left: medium inset #C0C0C0; border-right: medium outset #000000; border-top: thin outset #C0C0C0; border-bottom: thin inset #808080">
<param name="image" value="cody.jpg">
</applet></td>

<td width="34%">
<p align="center"> <img src="beach2.jpg" onmouseup="lake1.setImageValue('beach2.jpg');" border="1" WIDTH="134" HEIGHT="80"></p>
<p align="center"> <img src="yosemite.jpg" onmouseup="lake1.setImageValue('yosemite.jpg');" border="1" WIDTH="134" HEIGHT="80"></p>
<p align="center"> <img src="hboat.jpg" onmouseup="lake1.setImageValue('hboat.jpg');" border="1" WIDTH="134" HEIGHT="80"></td>
</tr>
<tr>
<td width="33%">&nbsp;</td>
<td width="33%">
<p align="center"><br>
<font color="#FFFFFF">
<font face="Verdana" size="2">Click
Thumbnails to view large image</font><u><font face="Verdana" size="2"><strong>&nbsp;</strong></font></u></font></td>
<td width="34%">&nbsp;</td>
</tr>
<tr>
<td width="33%">&nbsp;</td>
<td width="33%">&nbsp;</td>
<td width="34%">&nbsp;</td>
</tr>
</table>

</body>

</html>