Expanding Menu with Images Trouble

[chloegray8]

Hi,

I am trying to implement a relatively simple expanding menu. I need to use small images in place to text for the links. Once I insert the pathway to the image in place of the text, the expand effect ceases to work. I'm wondering if it's possible to alter the code in some way to make it so that the menu works with images? I've only used images on the first tier. If you need to see my javascript, let me know. Thanks!

Here is my code:

<ul id="menu">
<li><img src="images/paintings.jpg" alt="Portfolio" longdesc="images/portfolio.jpg" />
<ol>
<li><a href="#"><img src="images/portraits.jpg" alt="Patrick Casey: Portraits" /></a></li>
<li><a href="#"><img src="images/landscape.jpg" alt="Patrick Casey: Landscape" /></li>
<li><a href="#"><img src="images/still_life.jpg" alt="Patrick Casey: Still Life" /></a></li>
</ol>
</li>
<li>Menu Item 2
<ol>
<li><a href="#">Sub Item 2.1</a></li>
<li><a href="#">Sub Item 2.2</a></li>
<li><a href="#">Sub Item 2.3</a></li>
</ol>
</li>
<li>Menu Item 3
<ol>
<li><a href="#">Sub Item 3.1</a></li>
<li><a href="#">Sub Item 3.2</a></li>
<li><a href="#">Sub Item 3.3</a></li>
</ol>
</li>
<li>Menu Item 4
<ol>
<li><a href="#">Sub Item 4.1</a></li>
<li><a href="#">Sub Item 4.2</a></li>
<li><a href="#">Sub Item 4.3</a></li>
</ol>
</li>
<li>Menu Item 5
<ol>
<li><a href="#">Sub Item 5.1</a></li>
<li><a href="#">Sub Item 5.2</a></li>
<li><a href="#">Sub Item 5.3</a></li>
</ol>
</li>
</ul>
<p><div align="center">
<font face="arial, helvetica" size"-2">Free JavaScripts provided<br>
by <a href="

http://javascriptsource.com">The

JavaScript Source</a></font>
</div><p>

 

[feherke]

Hi

If you need to see my javascript, let me know.

Or you can wait until we guess how the expand effect is achieved...

The best would be an URL to a publicly accessible version of that page.

Feherke.

http://rootshell.be/~feherke/