Hola peña,
bueno gracias por pasarme ese codigo le hechado un vistazo y me ha solucionado el algo para la idea que tenia, mi problema era que le tenia que meter al mi codigo por algun lado onMouseOver='showmenu(event,linkset[0]) para que me saliera el listado, ahora viene mi gran problema.
lo del listado lo he sacado de un java que me pille de mundojavascript.com que se supone que yo coloco unas fotos el una pagina y a cada una le pongo un linkset diferente para que salga un lista diferente.
Mi problema es que con esta forma de ver las fotos solo me sale un lista,
ya se que es por que en el codigo he puesto "onMouseOver='showmenu(event,linkset[0])"
he intentado facer un función de tal manera que le dijera.
si es la foto= m1.jpg entoces
linkset= linkset[0]
una idea mas o menos pero o lo hago mal o no vale no se.
si me ayudais con este linea que he ido sacando os paso el codigo.
Yo creo que lo que hay que hacer (no estoy seguro) igual que hacemos que se cambie la imagen que tambien se cambie el numero de "linkset[cambiar numero]", pero no se como se puede hacer.
Por cierto el que me pasastes esta mu currao ya me gusto la ideas, siempre viene bien guardarlo nunca se sabe. (ya me lo he guardado )
gracias
<HTML>
<HEAD>
<TITLE>Metallica</TITLE>
<style>
<!--
.menuskin{
position:absolute;
width:165px;
background-color:menu;
border:2px solid black;
font:normal 12px Verdana;
line-height:18px;
z-index:106;
visibility:hidden;
left: 426px;
top: 114px;
}
.menuskin a{
text-decoration:none;
color:black;
padding-left:10px;
padding-right:10px;
}
#mouseoverstyle{
background-color:highlight;
}
#mouseoverstyle a{
color:white;
}
-->
</style>
<script>
//Pop-it menu- By Dynamic Drive
//For full source code and more DHTML scripts, visit
http://www.dynamicdrive.com
//This credit MUST stay intact for use
var linkset=new Array()
//SPECIFY MENU SETS AND THEIR LINKS. FOLLOW SYNTAX LAID OUT
linkset[0]='<div class="menuitems"><a>Nombre: Txemari</a></div>'
linkset[0]+='<div class="menuitems"><a>Telf: 906 999666</a></div>'
linkset[0]+='<div class="menuitems"><a>E-mail</a></div>'
linkset[1]='<div class="menuitems"><a href="http://msnbc.com">MSNBC</a></div>'
linkset[1]+='<div class="menuitems"><a href="http://cnn.com">CNN</a></div>'
linkset[1]+='<div class="menuitems"><a href="http://abcnews.com">ABC News</a></div>'
linkset[1]+='<div class="menuitems"><a href="http://www.washingtonpost.com">Washington Post</a></div>'
linkset[2]='<div class="menuitems"><a href="http://www.washingtonpost.com">Washington Post</a></div>'
linkset[2]+='<div class="menuitems"><a href="http://www.washingtonpost.com">Washington Post</a></div>'
linkset[2]+='<div class="menuitems"><a href="http://www.washingtonpost.com">Washington Post</a></div>'
////No need to edit beyond here
var ie4=document.all&&navigator.userAgent.indexOf("Ope ra")==-1
var ns6=document.getElementById&&!document.all
var ns4=document.layers
function showmenu(e,which){
if (!document.all&&!document.getElementById&&!documen t.layers)
return
clearhidemenu()
menuobj=ie4? document.all.popmenu : ns6? document.getElementById("popmenu") : ns4? document.popmenu : ""
menuobj.thestyle=(ie4||ns6)? menuobj.style : menuobj
if (ie4||ns6)
menuobj.innerHTML=which
else{
menuobj.document.write('<layer name=gui bgColor=#E6E6E6 width=165 onmouseover="clearhidemenu()" onmouseout="hidemenu()">'+which+'</layer>')
menuobj.document.close()
}
menuobj.contentwidth=(ie4||ns6)? menuobj.offsetWidth : menuobj.document.gui.document.width
menuobj.contentheight=(ie4||ns6)? menuobj.offsetHeight : menuobj.document.gui.document.height
eventX=ie4? event.clientX : ns6? e.clientX : e.x
eventY=ie4? event.clientY : ns6? e.clientY : e.y
//Find out how close the mouse is to the corner of the window
var rightedge=ie4? document.body.clientWidth-eventX : window.innerWidth-eventX
var bottomedge=ie4? document.body.clientHeight-eventY : window.innerHeight-eventY
//if the horizontal distance isn't enough to accomodate the width of the context menu
if (rightedge<menuobj.contentwidth)
//move the horizontal position of the menu to the left by it's width
menuobj.thestyle.left=ie4? document.body.scrollLeft+eventX-menuobj.contentwidth : ns6? window.pageXOffset+eventX-menuobj.contentwidth : eventX-menuobj.contentwidth
else
//position the horizontal position of the menu where the mouse was clicked
menuobj.thestyle.left=ie4? document.body.scrollLeft+eventX : ns6? window.pageXOffset+eventX : eventX
//same concept with the vertical position
if (bottomedge<menuobj.contentheight)
menuobj.thestyle.top=ie4? document.body.scrollTop+eventY-menuobj.contentheight : ns6? window.pageYOffset+eventY-menuobj.contentheight : eventY-menuobj.contentheight
else
menuobj.thestyle.top=ie4? document.body.scrollTop+event.clientY : ns6? window.pageYOffset+eventY : eventY
menuobj.thestyle.visibility="visible"
return false
}
function contains_ns6(a, b) {
//Determines if 1 element in contained in another- by Brainjar.com
while (b.parentNode)
if ((b = b.parentNode) == a)
return true;
return false;
}
function hidemenu(){
if (window.menuobj)
menuobj.thestyle.visibility=(ie4||ns6)? "hidden" : "hide"
}
function dynamichide(e){
if (ie4&&!menuobj.contains(e.toElement))
hidemenu()
else if (ns6&&e.currentTarget!= e.relatedTarget&& !contains_ns6(e.currentTarget, e.relatedTarget))
hidemenu()
}
function delayhidemenu(){
if (ie4||ns6||ns4)
delayhide=setTimeout("hidemenu()",500)
}
function clearhidemenu(){
if (window.delayhide)
clearTimeout(delayhide)
}
function highlightmenu(e,state){
if (document.all)
source_el=event.srcElement
else if (document.getElementById)
source_el=e.target
if (source_el.className=="menuitems"){
source_el.id=(state=="on")? "mouseoverstyle" : ""
}
else{
while(source_el.id!="popmenu"){
source_el=document.getElementById? source_el.parentNode : source_el.parentElement
if (source_el.className=="menuitems"){
source_el.id=(state=="on")? "mouseoverstyle" : ""
}
}
}
}
if (ie4||ns6)
document.onclick=hidemenu
</script>
<SCRIPT language="javascript">
function selectImage(f)
{
if (document.flipForm.which.selectedIndex >= 0)
document.flipForm.flip.src = imageSet[document.flipForm.which.selectedIndex];
}
function SelectorLongNames(width,height,listHeight,images,n ames)
{
si = 0;
ci=0;
cc=0;
imageSet = new Array();
ei = images.length;
for (i=1;i<ei;i++) {
if (images.charAt(i) == ' ' || images.charAt(i) == ',') {
imageSet[cc] = images.substring(si,i);
cc++;
si=i+1;
}
}
currentFlip = 0;
si = 0;
ci=0;
cc=0;
nameSet = new Array();
ei = names.length;
for (i=1;i<ei;i++) {
if (names.charAt(i) == ',') {
nameSet[cc] = names.substring(si,i);
cc++;
si=i+1;
}
}
currentFlip = 0;
// should check nameSet.length == imageSet.length
document.writeln("<FORM name=flipForm>");
document.writeln("<table border=0><tr><td>");
document.write("<img name='flip' onMouseOver='showmenu(event,linkset[0])'");
if (width >0)
document.write("width="+width);
if (height >0)
document.write(" height=" +height);
document.writeln(" src=" +imageSet[0]+ ">");
document.writeln("</td><td>");
document.write("<Select");
if (listHeight > 0)
document.write(" size="+listHeight);
document.write(" name='which' onChange='selectImage(this.form)'>");
for (i=0;i<imageSet.length;i++)
if (i<nameSet.length)
document.write("<OPTION value="+i+">"+nameSet[i]);
else
document.write("<OPTION value="+i+">"+imageSet[i]);
document.writeln("</SELECT>");
document.writeln("</FORM>");
document.writeln("</td></tr></table>");
}
function PullDownSelectorNames(width,height,vin,images,name s)
{
SelectorLongNames(width,height,-1,vin,images,names)
}
</SCRIPT>
</HEAD>
<body >
<SCRIPT>
<!--
SelectorLongNames(198,198,5,"m1.jpg,m2.jpg,m3.jpg, m4.jpg,m5.jpg,",
"Kill'em all,...And justice for all,Ride the lightning,Master of puppets,Black Album,");
// -->
</SCRIPT>
<div id="popmenu" class="menuskin" onMouseover="clearhidemenu();highlightmenu(event,' on')" onMouseout="highlightmenu(event,'off');dynamichide (event)">
</div>
<br>
</body>
</body>
</html>
ayuda para modificar este javascript 
