Foldemenu med forskellige billeder
Hej eksperter.Ja spørgsmålet er lige ud af landevejen.
jeg øsnker at lave en foldemenu i JS og css og menuen skal folde ud når man køre musen over nogle billeder, disse billeder skal være forskllige med forskellig tekst.
Kan fx ses her:
http://www.abrj.dk/test2/menutest.htm
jeg ønsker billede 1, 2, 3, 4 og 5 skal være forksellige nogle med foldud andre uden.
Den kode jeg har brugt er følgende:
<div id="glowmenu" class="glowingtabs">
<ul>
<li><a href="forside.htm" title="Forside"><span></span></a></li>
<li><a href="galleri.htm" title="Galleri" rel="dropmenu1_d"><span></span></a></li>
<li><a href="priser.htm" title="Priser" rel="dropmenu2_d"><span></span></a></li>
<li><a href="marked.htm" title="Marked"><span></span></a></li>
<li><a href="links.htm" title="Links"><span></span></a></li>
<li><a href="kontakt.htm" title="Kontakt"><span></span></a></li>
</ul>
</div>
<br class="IEonlybr" />
<!--1st drop down menu -->
<div id="dropmenu1_d" class="dropmenudiv_d">
<a href="butikken.htm">Butikken</a>
<a href="fester.htm">Fester</a>
<a href="projekter.htm">Projekter</a>
<a href="traef.htm">Træf</a>
<a href="sammtingsafdelingen.htm">Småtingsafdelingen</a>
<a href="karosseriarbejde.htm">Karosseriarbejde</a>
</div>
<!--2nd drop down menu -->
<div id="dropmenu2_d" class="dropmenudiv_d" style="width: 150px;">
<a href="http://www.cssdrive.com">CSS Drive</a>
<a href="http://www.javascriptkit.com">JavaScript Kit</a>
<a href="http://www.codingforums.com">Coding Forums</a>
<a href="http://www.javascriptkit.com/jsref/">JavaScript Reference</a>
</div>
<script type="text/javascript">
//SYNTAX: tabdropdown.init("menu_id", [integer OR "auto"])
tabdropdown.init("glowmenu", "auto")
</script>
Jeg har dog svært ved at deffinere CSS den kan dog hentes på:
http://www.abrj.dk/test2/iversendrop2.css
Nogle der vil give lidt hjælp?