Banner

Sponsor

Login

Welcome Back!
Guest
Guest

Register

Lost your password?

194 users online

Cell Image Swap

Cell Image Swap

Forums » Web Development » Client Side - HTML/Javascript/etc. » Cell Image Swap

Currently viewing this thread: 1 (0 members and 1 guests)

#1
Old Post August 1st, 2003 08:13 PM
aplc0r

aplc0r

Status: Offline!

Cell Image Swap

I have a basic navbar on my site in a seperate table. What I want to do is do a rollover on each navbar item that switches an image in another cell, on another table :confused:. Like, display a description in a box under the header. I'm looking to do this in Java, unless I have no other choice. Any ideas guys? Thanks in advanced.

___________________

<aplc0r></aplc0r>

#2
Old Post August 1st, 2003 08:16 PM
fredmv

fredmv

Status: Offline!

Welcome to TF.

I know how to do this, but could we see the code you're working with? It would make it a lot easier to explain how it's done.

___________________

http://home.comcast.net/~fredv4/tf/firefox.gif

#3
Old Post August 1st, 2003 08:29 PM
aplc0r

aplc0r

Status: Offline!

Well, unfortunately my host is down, but I have the code(even tho all the images are linked off my hd Tongue). The first code in bold is my target cell for the image to swap, and the second is the navbar table.

<html>
<head>
<title>Aplc0r Designs - Core is Future/title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<style>
a:link {text-decoration: none; font-family: Tahoma,arial,verdana,Helvetica; color: #C0D3F1}

a:visited {text-decoration: none; font-family: Tahoma,arial,verdana,Helvetica; color: #C0D3F1}

a:active {text-decoration: none; font-family: Tahoma,arial,verdana,Helvetica; color: #C0D3F1}

a:hover {text-decoration: none; font-family: Tahoma,arial,verdana,Helvetica; color: #858585}
</style>
<body bgcolor="858585" leftmargin="0" rightmargin="0" topmargin="0" bottommargin="0" marginwidth="0" marginheight="0">
<table width="720" height="500" border="0" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="top" background="images/design_07.gif"><table width="720" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="156" height="81"><a href="http://65.27.65.150/%7Eaplc0r/"><img src="images/design_01.gif" alt="Home" width="156" height="81" border="0"></a></td>
<td width="290" height="81" align="center" valign="middle" background="images/design_02.gif">
<table width="200" border="2" cellpadding="0" cellspacing="0" bordercolor="C0D3F1">
<tr>
<td height="15" bordercolor="C0D3F1" bgcolor="858585"><div align="center"><a href="http://www.jdillon.net" target="_blank"><img src="../../My%20Pictures/ddban3.gif" alt="Weekly Pick" width="200" height="40" border="0"></a></div></td>
</tr>
</table></td>
<td width="274" height="81"><img src="images/design_03.gif" width="274" height="81"></td>
</tr>
<tr>
<td width="156" height="63"><a href="http://65.27.65.150/%7Eaplc0r/"><img src="images/design_04.gif" alt="Home" width="156" height="63" border="0"></a></td>
<td colspan="2" align="center" valign="middle">&nbsp;</td>
</tr>
<tr>
<td height="500" align="center" valign="top"><br> <table width="103" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="images/nav_01.gif" width="103" height="21"></td>
</tr>
<tr>
<td height="166" align="center" valign="top" background="images/nav_03.gif"><table width="100%" border="0" align="center" cellpadding="0" cellspacing="5">
<tr>
<td align="center"><strong><font color="C0D3F1" size="-1" face="Verdana, Arial, Helvetica, sans-serif"><a href="http://65.27.65.150/%7Eaplc0r/articles.php">Articles</a></font></strong></td>
</tr>
<tr>
<td align="center"><strong><font color="C0D3F1" size="-1" face="Verdana, Arial, Helvetica, sans-serif"><a href="http://65.27.65.150/%7Eaplc0r/reviews.php">Reviews</a></font></strong></td>
</tr>
<tr>
<td align="center"><strong><font color="C0D3F1" size="-1" face="Verdana, Arial, Helvetica, sans-serif"><a href="http://65.27.65.150/%7Eaplc0r/previews.php">Previews</a></font></strong></td>
</tr>
<tr>
<td align="center"><strong><font color="C0D3F1" size="-1" face="Verdana, Arial, Helvetica, sans-serif"><a href="http://65.27.65.150/%7Eaplc0r/tutorials.php">Tutorials</a></font></strong></td>
</tr>
<tr>
<td align="center"><font color="C0D3F1" size="-1" face="Verdana, Arial, Helvetica, sans-serif"><strong><a href="http://65.27.65.150/%7Eaplc0r/gallery.php">Gallery</a></strong></font></td>
</tr>
<tr>
<td align="center"><strong><font color="C0D3F1" size="-1" face="Verdana, Arial, Helvetica, sans-serif"><a href="http://65.27.65.150/%7Eaplc0r/downloads.php">Downloads</a></font></strong></td>
</tr>
<tr>
<td align="center"><strong><font color="C0D3F1" size="-1" face="Verdana, Arial, Helvetica, sans-serif"><a href="http://65.27.65.150/%7Eaplc0r/contact.php">Contact</a></font></strong></td>
</tr>
</table></td>
</tr>
<tr>
<td height="4"><img src="images/nav_05.gif" width="103" height="4"></td>
</tr>
</table>
<br> <table width="103" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="21"><img src="images/allies.gif" width="103" height="21"></td>
</tr>
<tr>
<td height="166" align="center" valign="top" background="images/nav_03.gif"><table width="80%" border="0" align="center" cellpadding="0" cellspacing="5">
<tr>
<td><a href="http://www.polykarbon.com" target="_blank"><img src="../../My%20Pictures/pkbutton2.gif" width="88" height="31" border="0"></a></td>
</tr>
<tr>
<td><a href="http://www.shorturl.com" target="_blank"><img src="../../My%20Pictures/shorturl.gif" width="88" height="31" border="0"></a></td>
</tr>
<tr>
<td><a href="http://robouk.mchost.com%20" target="_blank"><img src="LB2.gif" width="88" height="31" border="0"></a></td>
</tr>
<tr>
<td align="center" valign="middle"><a href="http://www.phpfreaks.com" target="_blank"><img src="phpfreaks88x31.gif" width="88" height="31" border="0"></a></td>
</tr>
<tr>
<td align="center" valign="middle"><a href="http://www.thinkdan.com" target="_blank"><img src="DANbutton.gif" width="88" height="31" border="0"></a></td>
</tr>
<tr>
<td align="center" valign="middle"><a href="http://www.spoono.com" target="_blank"><img src="button9.gif" width="88" height="31" border="0"></a></td>
</tr>
</table></td>
</tr>
<tr>
<td height="4"><img src="images/nav_05.gif" width="103" height="4"></td>
</tr>
</table>
<br> <table width="125" border="0" cellspacing="5" cellpadding="0">
<tr>
<td width="122"><div align="center"><font size="-2" face="Verdana, Arial, Helvetica, sans-serif"><em>Copyright
&copy; <strong>Aplcor</strong> 2003<br>
<strong>All Rights Reserved</strong></em></font></div></td>
</tr>
</table></td>
<td colspan="2" align="center" valign="top"><br><table width="424" height="203" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="4"><img src="images/images/newsbdr_01.gif" width="424" height="4"></td>
</tr>
<tr>
<td align="center" valign="middle" background="images/images/newsbdr_03.gif"><iframe scrolling="auto" width="520" height="200" frameborder="0" marginheight="0" marginwidth="0" name="news" src="http://65.27.65.150/~aplc0r/FNews/news.php" ></iframe></td>
</tr>
<tr>
<td height="4"><img src="images/images/newsbdr_05.gif" width="424" height="4"></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table>
</body>
</html>

___________________

<aplc0r></aplc0r>

#4
Old Post August 1st, 2003 10:01 PM
Cloud-

Cloud-

19, going to college. Blah blah blah
Status: Offline!

And this is why I hate tables. Good luck =/

___________________

http://www.creativefx.net/images/banner15.jpg
Tutorials - Gallery - Forum - Coming Soon!

Quick Jump:

Main Navigation

Site & Graphic Design by Aeon Tan
Developed by Jeremie Pelletier & Scott Roach

NeverAPI generated this page in 0.0086 seconds.