Bildergalerie der Mitarbeiter

Mich@el · 21.09.2006, 23:34

Es sollen alle Mitarbeiter mit "Passfoto" und darunter Art der Tätigkeit angegeben werden. Ich überlege jetzt, wie ich das am besten anstelle. Ich meine vom Design her.
Es sind 18 Mitarbeiter. Habt ihr einen Vorschlag. Wie würdet ihr das machen. Auch auf einer Seite Bild neben Bild?

Grüße
Michael

ralph12345 · 22.09.2006, 13:29

Gruppenfoto vom Team darunter einen Link "Unser Team", Bild und Unterschrift verlinken mit einer Unterseite, da alle 18 auf einmal untereinander zum durchscrollen. Wenn sich das in thematische Gruppen unterteilen läßt, mach es, dann wird die Seite nicht so groß.

Die Teammitarbeiter sind alle mit der Veröffentlichung ihres Fotos einverstanden?

brans · 22.09.2006, 14:50

Obwohl ich eigentlich nicht direkt die fragende Person war, vielen Dank für den Vorschlag, bin grad in einer ähnlichen Situation und finde die Idee eines Teamfotos auf einer Übersichtsseite spontan sehr sympatisch.

Mich@el · 24.09.2006, 17:00

Gruppenfoto habe ich leider nicht. Habe nur einzelne Bilder von jedem einzelnen MA zur Verfügung.
Aber zumindest vom Tätigkeitsmerkmal unterscheiden sie sich. Da kann ich zumindest ein wenig ansetzen und Struktur reinbekommen.

Vielen Dank.

Michael

Thomas · 24.09.2006, 17:39

Gruppenfoto ist zwar prinzipiell nett, hat aber den Nachteil, dass es bei jedem Personalwechsel/-erweiterung aktualisiert werden muss.

und 18 Leute "mal eben" für einen Fototermin zusammenzubekommen, kann ganz schön Aufwand werden

eben zufällig über diese Variante gestolpert, finde ich ganz nett, auf (in diesem Fall) zwei Seiten verteilt das Team vorgestellt.

mein Team ist überschaubar, das passt sowohl ausführlich als auch in Kurzfassung auf eine Seite

321 · 25.09.2006, 23:04

Ich machte das mal mit einer Namensliste (Links)
bei Mouseover oder Klick wurde das Bild daneben aus gewechselt.
Das Defaultbild war ein Firmenmaskottchen, welches die Leute vorstellt.
Da die Firma nicht mehr existiert, habe ich kein Beispiel mehr zur Hand.

Mich@el · 25.09.2006, 23:42

lauter gute Ideen! Vielen Dank. Das soll hier absolut "trocken" über die Bühne gehen. Nur Vor- und Zuname; Art der Tätigkeit. That´s all. Sowas wie Thomas mit der Kurzfassung. Hier habe ich auch Thomas ursprüngliches Benutzerbild wieder entdeckt. @Thomas: Du bist anscheinend nach dem jetzigen Benutzerbild sehr aufgeschlossen...!

Die Idee von 321 hört sich interessant an. Würde ich gerne mal sehen.

Grüße
Michael

321 · 26.09.2006, 00:59

OK, ich musste hier mal die Namen verändern

Statt x1.jpg usw. und Maskottchen_Walker.jpg setzt Du die entspr. Bild-URL ein. Die Bilder werden dann bei Mouseover ausgewechselt.
Alternativ lässt sich das auch mit CSS lösen. Beispiel dazu findest hier Du mit der Forums-Suche nach meyerweb.

HTML-Code:

<!DOCTYPE html PUBLIC 
 "-//W3C//DTD HTML 4.01 Transitional//EN">
<html><head><title>
xxxxxxxxxxxx &middot; &middot; &middot; Frisches gek&uuml;hlt und tiefgek&uuml;hlt
</title>

<meta 	
 http-equiv="refresh">
<script 
 language="JavaScript">
<!--
if(document.images) {
Bild0 = new Image();
Bild0.src = "personal/Maskottchen_Walker.jpg";
Bild1 = new Image();
Bild1.src = "personal/x1.jpg";
Bild2 = new Image();
Bild2.src = "personal/x2.jpg";

Bild5 = new Image();
Bild5.src = "personal/x3.jpg";
Bild6 = new Image();
Bild6.src = "personal/x4.jpg";
Bild7 = new Image();
Bild7.src = "personal/x5.jpg";
Bild10 = new Image();
Bild10.src = "personal/x6.jpg";
Bild11 = new Image();
Bild11.src = "personal/x7.jpg";
}
function Wechsel(Bild){
if(document.images) {
window.document.images.dasBild.src = Bild.src;
}}
//-->
</script>
</head>
<body>
<table width=430 height=400 border=0 
 cellspacing=0 cellpadding=10 
 style="border:1px dotted #666699;">
<tr><td colspan=2 align=center><span 
 class=text>Maskottchen 'Walker' stellt Ihnen unser Team vor</span
></td></tr
><tr
><td align=left valign=middle
><a 	class=link href="#"
	title="Susi Vertriebsleiterin"
	onmouseout="Wechsel(Bild0)" onmouseover="Wechsel(Bild1)"
	>Susi</a
><br
><a 	class=link href="#"
	title="Hans Aussendienst-Gebietsleiter"
	onmouseout="Wechsel(Bild0)" onmouseover="Wechsel(Bild2)"
	>Hans</a
><br
><a 	class=link href="#"
	title="Lea Kundenbetreuerin"
	onmouseout="Wechsel(Bild0)" onmouseover="Wechsel(Bild5)"
	>Lea</a
><br
><a 	class=link href="#"
	title="Fredy Verbraucherberater"
	onmouseout="Wechsel(Bild0)" onmouseover="Wechsel(Bild6)"
	>Fredy</a
><br
><a 	class=link href="#"
	title="Sonja Verbraucherberaterin"
	onmouseout="Wechsel(Bild0)" onmouseover="Wechsel(Bild7)"
	>Sonja</a
><br
><a 	class=link href="#"
	title="Sabine Kundenberaterin"
	onmouseout="Wechsel(Bild0)" onmouseover="Wechsel(Bild10)"
	>Sabine</a
><br
><a 	class=link href="#"
	title="Peter Praktikant "
	onmouseout="Wechsel(Bild0)" onmouseover="Wechsel(Bild11)"
	>Peter</a
><br
></td
><td align=center valign=middle>
<img src="personal/Maskottchen_Walker.jpg" id="dasBild"
></td></tr
><tr><td colspan=2 valign=bottom><a class="textlink" href=firmx2.html>weiter</a></td
></tr></table

></td></tr></table>
  
</td></tr></table>

</td></tr></table>
</body></html>