Wie verlinke ich je ein Bild(als Button) mit je einem Text an der selben Stelle?

[Wilda]

Ich hoffe, ich kann mein Problem richtig erklären...

Auf einer Webseite möchte ich meine Projekte präsentieren. Dazu habe ich einen Slider eigebaut, in dem zu jedem Projekt ein Bild und der Name des Projekts erscheint.
Mit 2 Pfeilen kann man dann horizontal zum nächsten scrollen. Per Mouseklick auf ein Bild soll dynamisch eine genauere Beschreibung des Projektes, so wie Bilder
und/oder ein Film erscheinen; und das ganze etwas weiter unten (also
unter dem Slider).

Hier eine kleine Grafik dazu :-)
http://img3.imageshack.us/i/testht.jpg/

Ich habe bisher geschafft, dass der seiteninterne Link zu der Beschreibung funktioniert (Seite scrollt runter zum Text), aber nur fürs 1. Projekt. Ich möchte aber, dass
die Details der anderen Projekte ebenfalls an der gleichen Stelle
erscheinen und der der Text (plus Grafiken etc.) vom vorherigen Projekt ausgeblendet sind, sonst wird die Seite ewig lang. Hier mein bisheriger Code:

<div id="slider">
  <ul>
      <li>
         <a href="Projekt1"><img src="http://www.traum-projekt.com/forum/images/igi_web.jpg" alt="Igi" width="223"        
           height="165" />
         </a>
         <h2 align="center">Webseite für IGi
         </h2>     
      </li>
      <li>
         <a href="Projekt2"><img src="http://www.traum-projekt.com/forum/images/usability.jpg" alt="Website Usability" 
           width="223" height="165" />
         </a>
         <h2 align="center">Website Usability
         </h2>
      </li>
        /*weitere Projekte...*/
   </ul>
   </div>
   <div id="Projekt1">   
        Hier steht der Text....
   </div>

In der .css Datei steht dann:
#Projekt1{
margin-top: 6em;
padding-top: 4em;
}

Sorry, wenn das hier alles konfus ist, das ist das erste Mal, dass ich ein Forum zur Hilfe nutze. Kann man mein Problem einfach mit html/css lösen oder braucht man dafür javascript? Ich habe es schon mit getElementbyID probiert, aber das hat nicht so geklappt.
Für jede Hilfe bin ich sehr dankbar,

Gruß Wilda

[th2409]

Tja, das ist zwar alles wirklich ein wenig verworren ... aber ich hätte es so gemacht:
Mein zu verlinkendes "Abteil" besteht aus einem Bild und einem Text (oder mehreren Bereichen, von mir aus mit <span> markiert); wichtig ist: ganz oben steht ein <a>, das andere Elemente enthält (Inline-Elementen, also <img>, Text, <span>...)
Dann habe ich einen kompletten Link mir einheitlicher Funktionalität, ohne Krampf. Und im reinen Quelltext sieht's dann auch gut und semantisch prima aus.
Die eigentliche Darstellung (Bild oben, Text unten o.ä.) mache ich mit CSS.