Ich habe jetzt einen neuen code erstellt weil ich noch so nen button wollte und der sieht jetzt folgendermasen aus :

<script type="text/javascript"><!--
function ShowList(){
document.getElementById('button').style.display='none';
document.getElementById('show').style.display='block';
document.getElementById('show').innerHTML=document.getElementById('liste').innerHTML;
}
function HiddenList(){
document.getElementById('show').style.display='none';
document.getElementById('button').style.display='block';
}
function FensterOeffnen (URL) {
window.open(URL);
}
function ShowAlbum(album){
document.getElementById('show').innerHTML=document.getElementById(album).innerHTML;
}
//-->
</script>

<a href="javascript:void(0)" id="button" onClick="ShowList();"><img src="http://i38.tinypic.com/30uts2t.jpg" onMouseOver="this.src='http://i37.tinypic.com/28wigc1.jpg'"
onMouseOut="this.src='http://i38.tinypic.com/30uts2t.jpg'" /></a>
<div id="show"></div>
<div id="liste" style="display:none;">
<a href= javascript:void(0)" onClick="ShowAlbum('album1')" >Till Lindemann</a>
<a href="javascript:void(0)" onClick="ShowAlbum('album2')" >Richard Kruspe</a>
<a href="javascript:void(0)" onClick="HiddenList()"> Liste ausblenden</a>
</div>
<div id="album1" style="display:none;">
<div style="BORDER-RIGHT: #61C3CC 6px dashed; BORDER-TOP: #61C3CC 6px dashed; LEFT: -51562520px; OVERFLOW: auto; BORDER-LEFT: #61C3CC 6px dashed; WIDTH: 230px; BORDER-BOTTOM: #61C3CC 6px dashed; TOP: -134217728px; HEIGHT: 180px; TEXT-ALIGN: center"><p> Dein Text.</p></div><br>
<a href="javascript:void(0)" onClick="ShowList()">Zurueck zur Liste</a>
</div>

<div id="album2" style="display:none;">
<div style="BORDER-RIGHT: #61C3CC 6px dashed; BORDER-TOP: #61C3CC 6px dashed; LEFT: -51562520px; OVERFLOW: auto; BORDER-LEFT: #61C3CC 6px dashed; WIDTH: 230px; BORDER-BOTTOM: #61C3CC 6px dashed; TOP: -134217728px; HEIGHT: 180px; TEXT-ALIGN: center"><p> Dein Text.</p></div><br>
<a href="javascript:void(0)" onClick="ShowList()">Zurueck zur Liste</a>
</div>



die liste und so funktioniert alles was bei mir noch nicht geklappt hat ist folgendes: ich hätte dann ja 2 button auf der hp.. aber wenn ich auf den einen button klicke also auf den neuen jetzt dann öffnet sich der obere mit dem alten inhalt.. wie kann ich das machen das beide button ihren jeweiligen inhalt anzeigen? was muss ich verändern..
und dann noch eine frage
wenn ich auf den namen des bandmitglieds klick z.B till lindemann
dann will ich das so ein kastenerscheint wie der code auch oben eingefügt ist :

<div style="BORDER-RIGHT: #61C3CC 6px dashed; BORDER-TOP: #61C3CC 6px dashed; LEFT: -51562520px; OVERFLOW: auto; BORDER-LEFT: #61C3CC 6px dashed; WIDTH: 230px; BORDER-BOTTOM: #61C3CC 6px dashed; TOP: -134217728px; HEIGHT: 180px; TEXT-ALIGN: center"><p> Dein Text.</p></div><br>

aber er erscheint nicht .. was muss ich noch einfügen damit es funktioniet?

MfG