Foldout menu

[brokenstar]

Does anyone know of a foldout menu script that uses graphics as the categories instead of text links? Thanks.

[JustAsking]

Here are some links to one of the best ever dhtml menus in existance :cool:

http://www.brothercake.com/dropdown/

This link has details about make it an image-based menu.

http://www.brothercake.com/dropdown/navbar_tutorial.html

[brokenstar]

Thanks, but I was thinking more like a script like the following, but having the text links be graphics instead:

http://www.acejs.com/scriptsfolder/118004/118004.html

Sorry, I should have been more specific.

[JustAsking]

If this is all you are after then all you would have to do is replace the text "[choice #]" with an image tag.

For example:


<div id="divCont">
<div id="divTop1" class="clTop"><a href="#" onclick="menu(0); return false" class="clMain"><img src="image file" alt="image" /></a><br>
<div id="divSub1" class="clSub">
<a href="#" class="clSubb">-Sub 1</a><br>
<a href="#" class="clSubb">-Sub 2</a><br>
<a href="#" class="clSubb">-Sub 3</a><br>
<a href="#" class="clSubb">-Sub 4</a><br>
</div><br>
</div>

I have attached afile with these changes for you, hope this helps.

[brokenstar]

Yeah, I tried that before. It doesn't really work right. Because I wanted to use images for the categories and the sublinks. And the images are like, all loaded at once or something. I don't know. I was trying to make it kind of like the navagation menu thing at http://www.spoono.com is on the left. Any ideas?

[JustAsking]

brokenstar,

Here are a couple of options you have:

1. You could use the previous suggestion I made by using the <img> tag, and preload all the images. This will slow down the load time of the first page but it will work.

2. You could check out the code and js file used on spoono.com, and work out how this is done and adapt for your use.

I have attached a htm file with some of the menu code and the js file used on spoono.com.

Just a few suggestions...

[brokenstar]

Thanks =) I'll try that.