Hola, Killer_7. Bienvenido al foro.
Podría ser algo así:
Incluye esto en el HEAD:
Código HTML:
<script language="JavaScript" type="text/JavaScript">
var ident = ["luis_diaz", "hugo_espinoza"]
var nombres = ["Luis Díaz", "Hugo Espinoza"]
function cambia(nom)
{ for (var i=0; i<ident.length; i++)
{ if (nom==ident[i]) {break}
}
document.getElementById("foto").src = "Fotos/ss/jugadores/" + nom + ".jpg"
document.getElementById("nombre").innerHTML = "<strong>" + nombres[i] + "</strong>"
}
</script> Y haz estos cambios en el BODY:
Código:
<td width="178" rowspan="6"><img id="foto" src="Fotos/ss/jugadores/luis_diaz.jpg" width="178" height="161"></td>
Código:
<td width="123" id="nombre"><strong>Luis Diaz</strong></td>
Código:
<td width="141"><a href="javascript:cambia('hugo_espinoza')">Hugo Espinoza</a></td>
Lo mismo para el resto de campos de texto, definiendo los datos en matrices dentro del HEAD.
Quedará mejor si con la imagen del equipo haces un mapa, para que al hacer clic en cada jugador también aparezcan sus datos.