Gruppenbild in Schachbrettform - Namen anzeigen

[Stebke]

Hallo zusammen,

für unser Forum haben wir ein Gruppenbild in Schachbrettform erstellt, wo die die Portrais 60px*60 px der User eingestellt sind.

Das ganze ist eine JPG Datei, welche ständig aktualisiert wird.

Jetzt suche ich nach einer einfachen Lösung, dass beim Überfahren der Bilder (Schachbrett) der jeweilige Username angezeigt wird.

Falls es diese Idee bereits schon mal gab, wäre ich für einen Link sehr dankbar.

DANKE

Stebke

 

[FreddyX2]

AW: Gruppenbild in Schachbrettform - Namen anzeigen

Ich würde da spontan an eine Image-Map denken, mit MouseOver Effekt.

 

[Pixelverwender]

AW: Gruppenbild in Schachbrettform - Namen anzeigen

Du versiehst die jpgs jeweils mit einem Titel.

Das sieht dann so aus:

<img src="userbild.jpg" alt="Username" title="Username">

alt und title deshalb, weil nicht alle Browser den Wert von alt anzeigen.

Das wäre die einfachste Methode.

Wer lesen kann, ist klar im Vorteil (das betraf mich selbst: Das geht natürlich nur, wenn Du die Bilder getrennt in einer Tabelle zusammenfügst.
Ansonsten hilft (wie FreddyX2 schon schrieb) eine Imagemap.
Dort brauchst Du dann allerdings nicht unbedingt ein Mouseover, sondern auch dort geht es mit dem einfachen title.

Das sieht dann z.B. so aus:

<a title="username">Teil der Imagemap steht hier</a>

 

[FreddyX2]

AW: Gruppenbild in Schachbrettform - Namen anzeigen

Die kleine Anzeige (mir ist der Name gerade entfallen), die den Title-Tag anzeigt, braucht allerdings ein wenig, um zu erscheinen. Mit Mouseover kann man wesentlich mehr veranstaltet. Die Title-Flag (hieß die so!?), ist nur klein wird fix übersehen.

Edit: Tooltip hieß das Teil x)

 

[rest5]

AW: Gruppenbild in Schachbrettform - Namen anzeigen

Ich fasse mal die beiden Tipps zusammen: Wenn es eine Bilddatei ist ImageMap (geht bequem im Dreamweaver) und dann statt der Bilder die Links <a> mit alt- und title-Attribut versehen.

 

[Stebke]

AW: Gruppenbild in Schachbrettform - Namen anzeigen

Es handelt sich hierbei um nur eine jpg Datei, die ich aus den Einzel-Portrais zusammengefügt habe.

Evtl. stell ich mal ein Muster Bild zum besseren Verständnis ein.

Gruß

Stebke

Dies wäre jetzt eine Beispieldatei.




An Stelle der Äpfel und Birnen wäre die User Portraits.
Wenn der Maus Cursor über ein Bild bewegt wird, sollte der jeweilige Name ersichtlich werden.

Das ganze läuft in einem phpBB3 Forum.

DANKE für eure Ideen

Stebke

 

[FreddyX2]

AW: Gruppenbild in Schachbrettform - Namen anzeigen

Dies wäre jetzt eine Beispieldatei.




An Stelle der Äpfel und Birnen wäre die User Portraits.
Wenn der Maus Cursor über ein Bild bewegt wird, sollte der jeweilige Name ersichtlich werden.

Das ganze läuft in einem phpBB3 Forum.

DANKE für eure Ideen

Stebke

Ich seh nichts. Aber ich denke, ich hab Dich richtig verstanden. Such mal nach "Image-Map". Dann wirst Du schon was finden.

 

[hedoo]

AW: Gruppenbild in Schachbrettform - Namen anzeigen

Einen umfassend konfigurierbaren Tooltipp gibts unter:
Tooltips per JavaScript / DHTML

In Verbindung mit einer Imagemap ist der gut einsetzbar.

hedoo

 

[sokie]

AW: Gruppenbild in Schachbrettform - Namen anzeigen

Hallo Stebke,
ich bin davon überzeugt, dass so eine Sache wesentlich einfacher aufzusetzen und zu pflegen ist, wenn man die einzelportraits auch einzeln handhabt, und nicht als eine Grafik zusammenfasst.
Die Vorschläge mit imagemap und Tooltips im Quelltext (title) lassen sich äusserst schlecht pflegen. (es sei denn, dass du davon ausgehen kannst, dass sich nie etwas ändert)

 

[Stebke]

AW: Gruppenbild in Schachbrettform - Namen anzeigen

Hallo Stebke,
ich bin davon überzeugt, dass so eine Sache wesentlich einfacher aufzusetzen und zu pflegen ist, wenn man die einzelportraits auch einzeln handhabt, und nicht als eine Grafik zusammenfasst.

OK, ich hatte noch nicht geschrieben, dass das Originalbild in Photoshop erstellt wird, und dann nach der Bearbeitung als jpg. abgespeichert und eingestellt wird.

In Photoshop werde die einzelnen Portraits auf einzelnen Ebenen abgelegt.

Wäre halt toll, wenn man die Namen irgendwie strukturiert eingeben und ggf. auch ändern kann.

Bzgl. der Anzeige der Namen muss ich wohl etwas probieren und Erfahrungen sammeln, da meine html Kenntnisse auch sehr begrenzt sind.

Bleibt nur Versuch und Irrtum.

LG STEBKE

 

[AlexanderBo]

AW: Gruppenbild in Schachbrettform - Namen anzeigen

tja...
wo das originalbild herkommt isja egal...
du hast es ja als .jpg gespeichert (hoffnungvollerweise "schlank") ;-)

dann mach dich mit xhtml/css/php/mysql vertraut ;-)