Bild info öffnen

[Nico]

Hallo Sebastian,

mach nur eine Seite auf der die Infos eingebunden sind und verwende ein Javascript, um sie anzeigen zu lassen.

So würde ich den HTML-Code machen:

<div id="picture_info">
<img id="picture_info_button" src="../../../stuff/infobutton.jpg" width="15px" height="15px" alt="Info-Button" onclick="infoToggle();">
<div id="info">
<b>Katta - <i>Lemur catta</i></b><br><br>
Der Katta gehört zu der Familie der Lemuren, er lebt nur auf Madagaskar,
vorallem in offenen Buschzonen und steinigen Arealen.
Er ernährt sich hauptsächlich von Früchten, aber auch von Blättern und
Gräsern, ganz selten auch von Insekten.
</div>
</div>

Jetzt schreibst du dir
1. ein kleines Javascript, das die Infos direkt nach dem Laden des <div id="info">-Containers ausblendet und
2. dem Bildchen (vielleicht) das CSS-Attribut "cursor: pointer;" zuweist, sodass diejenigen, die JavaScript aktiviert haben, es als Link erkennen, und
3. die Javascript-Funktion infoToggle(), die die Infos nach Klick auf das Bildchen anzeigt oder ausblendet.
So sehen alle ohne Javascript die Infos immer. Und diejenigen, die Javascript haben, können sie einblenden.

Noch zwei kleine Anmerkungen zu deinem Quelltext:

onfocus="if (this.blur) this.blur()"

Das würde ich vermeiden, denn du unterdrückst dadurch eine Funktion, die für alle, die ohne Maus surfen müssen oder wollen, sehr wichtig ist.

<img id="picture_info_button" src="../../../stuff/infobutton.jpg" width="15px" height="15px" alt="info_button">

Den Alternativtext würde ich so nicht verwenden. Ich zweifle nämlich, ob das ein Screen-Reader, der den Text einem Blinden vorliest so lesen kann, dass es für den Hörer Sinn macht. Schreib doch einfach "Info-Button".

Schließlich hast du keine Dokumenttypdeklaration in der ersten Zeile deiner Seite. Die solltest du auf jeden Fall einfügen.

Achja könnt ihr den Text vollständig lesen, mir hat heute jemand gesagt (an einem rechner mit Linux + Firefox) das der Text nur bis zur Hälfte zu lesen sei, keine Ahnung wieso.

Kein Problem (FF, Windows XP).

Grüße

Nico