Buonasera a tutti,

mi rivolgo agli utenti esperti nel settore per risolvere un mio problema.
Avrei la necessità di realizzare un menù le cui voci principali siano composte da file immagine in questo modo potendo sfruttare il rollover, ma avrei anche la necessità di fare in modo che quando si clicchi su una di queste immagini si apra un contestuale sottomenù con i link di riferimento. Ho provato un paio di esempi realizzati con css e js ma inserendo il file immagine non funziona il sottomenù rendendo vano il tentativo. Se possibile mi servirebbe una realizzazione in modo che possa rimanere aperta una sola voce per volta, ma non è di fondamentale importanza e quindi non merita particolare attenzione.

Inoltre vorrei sapere come sfruttare sempre il js per fare aprire i link in un Iframe della stessa pagina senza quindi dover aggiornare la pagina per ogni contenuto poichè la pagina potrebbe risultare pesante a livello di codice.

Ho già visto gli esempi e le guide del sito e solo ora che ho vagliato le soluzioni che avevo in mente mi rivolgo a voi.

Grazie dell'attenzione.

Allego di seguito l'inizio del div che occupa il div laterale sx, che viene poi affiancato dall'iframe anche quello riportato di seguito :

<div id="rel_men">
<ul class="list">[*]
// primo link ed eventi rollover
<a href="http://miosito.it/default.php" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Home','','image/rif/home_on.gif',1)">
// immagine che viene usata come voce principale di menù
[img]image/~ext/home_off.gif[/img]</a>

//div dx e iframe dove dovrebbero poi aprire i contenuti i link dei sottomenù
<div id="rel_res">
<iframe name="object" src="http://miosito.it/php/~ext/home.php" width="94%" height="100%"/>
</div>

Preciso che preferisco una buona spiegazione dei metodi e degli algoritmi da utilizzare magari corredati di tutorial sulle funzioni ,anzi che un codice pronto bell'e buono senza poi saperne nulla su come risolvere il problema .