Mouseover Effekt

Des wär ja nochmal schöner, wenn das mit einfachen befehlen gehen würde
Du Brauchst für jedes bandmitglied ein Bild, indem alles ausser es abgedunkelt ist. Aber eben kein Bild sondern halt nur sowas was man "drüberlegt".
Dann machst du ne imagemap. In der definierst du für jedes Bandmitglied einen Bereich. Mit JS onmouseover belndest du dann für jedes bandmitglied das entsprechende overlay ein. Is ziemlich komplieziert.

Also der Allgemeine Befehl in CSS für Mouseover ist wohl "hover"

Beispiel:

a:hover {
text-decoration: underline;
}

Das was du suchst ist wohl eher eine Lightbox. Weiß allerdings nicht, ob man eine Lightbox mit wenig umschrieben zu müssen auf mouseover bekommt...

naja so kompliziert auch wieder nicht...
und ich würd diese shadowbox dann da auch selber programmieren, statt ne lightbox oder shadowbox oder whatever zu nehmen.

denn man brauchtden gurndlegenden effekt 2 mal.
zum einen musste dir ja im "normalbetrieb" ne person auswählen können und wenn die seite abgedunkelt wird, muss man den effekt deckungsgleich wieder hinbekommen.
du brauchst des bild mehrfach (also immer so, dass das entsprechende bandmitglied wo die maus drüber geht voll sichtbar ist und leuchtet und die anderen entsprechend des schattenlayers verdunkelt werden) und tauschst des einfach mit mouseover aus

sind in meinen augen 3 funktionen
1.) bildwechsel bei mouseover
2.) shadowlayer anzeigen
3.) shadowlayer verbergen

damit du möglichst wenig code schreiben muss, greif einfach auf jquery zurück

dafür jQuery nehmen? Is glaub ein wenig heftig. da reicht ja ein onmoseover="src=''";

Was du sagst ist wiedersprüchlich. Wenn etwas mit HTMl und CSS zu lösen ist, dann ist es schon schlecht dafür JS zu nehmen. Aber dann eine so große Library wie jQuery zu laden ist in meinen Augen nicht sinnvoll. Ausser natürlich man benutzt es schon.

groß? was is denn an 70KB gross?

Nich die Dateigröße, die rechenkraft. Soweit ich weiss, läuft jQuery auf schwächeren rechnrn nich soo gut.

ajo wer mit ner schreibmaschine surft hat überall im netz verloren...
tobse, wenn du den jquery-vorschlag so asi findest, denn sei doch so gut und mach dem threadersteller die selbstgecodete shadowbox fertig.
dann sparen wir uns hier die dummsabbelei und dem threadersteller wird geholfen!!

Ich find den einsatz nich Assi sondern einfach... naja, iwie is da was des mir sag das es für mich kein sinn hat xD
Aber was für ihn coden werd ich nicht, wie du ja schon selbst gesagt hast sind wir hier zur selbsthilfe da. Von daher:
@webgirl:
Ok, du kannst dich entscheiden zwischen jQuery, was mit ein und ausblenden verbunden wäre, und CSS, was auf jeden fall funktioniert, auch wenn der benutzer kein JS hat.
Bei der JS Variante würde ich dir empfehlen, eine image-map zu erstellen.
http://www.html-world.de/program/html_14.php
Und via jQuery auf die Area Tags ein .mouseenter();/mouseleave(); zu setzten, das beim überfrahren den entsprechenden schatten für das Bandmitglied ein einem Layer darüber einblendet und beim ausfahren wieder ausbelndet.
Mit CSS müsstest du einen Div erstellen, der im Hintergrund das Bild der band hat und im Vordergrund für jedes Bandmitglied einen passenden ausschnitt. Dann wären folgende CSS-Selektoren fpr dich relevant:

#band .mitglied#XY# {
    Höhe/Breite definieren
    Hintergrund auf das Bild de entsprechenden MItglieds setzen
}
#band .mitglied#XY#:hover {
    den hintergrund auf ein bild mit Schatten setzten
}
#band a.divShadow {
    ist ein <a>-Tag wegen IE, deshalb display: block;
    höhe und breite so wie #band
}
#band a.divShadov:hover {
    einen hintergrund mit nem 1x1 Halbtansparenten PNG der das komplette bild
    im hintergrund shattiert
}

Is jetzt evtl. etwas unkalr, hier ne grafik so wie ich mir das vorstelle: