Teamfoto Tagging für Webseite!!!

[zangge]

Hallo liebe CS Freunde!

Ich hoffe ich bin hier richtig bez. ihr könnt mir ein paar Lösungsansätze verraten!
So jetzt werde ich euch mal mein Problem bestmöglich darstellen....

1) Es wurde ein Teamfoto von unserer Sportmannschaft gemacht - soweit so gut!

2) Jetzt möchte ich das Foto online stellen und jeder Person einen Link? verpassen damit man auf detaillierte Personenbeschreibungen oder ein Porträtfoto kommt - jetzt kommt der schwierige Part!
Ist so etwas möglich???

TESTBILD
http://www.thinglink.com/scene/456787029519237120

Ich habe schon Tagelang das Inet durchforstet und bin auf einen Dienst gestoßen der meinen Vorstellungen im Grunde schon recht nahe kommt aber ich möchte das nicht extern auslagern sonder direkt auf meiner Webseite einbauen - ohne html code (das dieser von Joomla nicht unterstützt wird)

[uwe367]

Das ist durchaus machbar, aber nicht ohne HTML Code. Ein Link besteht IMMER aus Code der in der Regel, vereinfacht, so aussieht:

<a href="http://www.example.com">Mein Link</a>

Um verschiedene Personen in einem Foto zu verlinken mußt du mit sogenannten Hotspots arbeiten. Anders wird dein Vorhaben nicht zu realisieren sein.
Das sollte aber von Joomla unterstützt werden. Ich jedenfalls kenne kein CMS welches eigenen HTML Code nicht unterstützt bzw. zuläßt. Ansonsten einfach mal im Joomla Supportforum nachfragen.

[heikehk]

Da kann ich Uwe nur zustimmen.
Um HTML und Hotsopts wirst Du nicht herum kommen.
Gruß
Heike

[Gotcha]

Hotspots? Okay, kann man natürlich machen, wäre mir persönlich aber zu oldskool. Für so etwas gibt es doch etliche Framework-Plugins, die den Job besser und bequemer erledigen. Für jQuery kenne ich z.B. das hier:
http://www.jqueryscript.net/demo/jQu...Images-PicTip/
Keine Ahnung, ob Joomla von Haus aus immer noch mit Mootools ankommt, aber dafür gibt es sicher ähnliche Plugins. Und zur Not kann man ja beide Frameworks einbinden bzw. Mootools ganz abschalten, wenn es nicht benötigt wird...

[tefascos]

Ist problemlos möglich. Einfach um die Links einen div packen. Ein Div mit dem Bild als Hintergrund und dann alles innerhalb von diesem div platzieren. So machen wir das mit ganz vielen Sachen und es funktioniert auch sehr gut.

[Gotcha]

Ja, oder so, wenn es wirklich nur um einen Link geht. Völlig easy...
Beispiel: http://jsfiddle.net/f9t5g/

[heikehk]

Letztendlich bleibt es dabei, dass ohne html und CSS nichts machbar ist...
Und die stelle des Bildes, wo der link sitzen soll, muss man definieren...
Gruß
Heike

[Gotcha]

Naja, das es nicht ohne HTML und CSS geht, dürfte wohl klar sein, Heike...
Und die Definition der Platzierung würde ich - weil ich bequem bin - ebenfalls über ein kleines jQuery-Script per Mausklick machen:

http://jsfiddle.net/bLXf8/

Wenn man dann alle Links per Klick platziert hat, kann man z.B. im Firefox per Inspektor oder Firebug den so erzeugten HTML-Code kopieren und weiterverarbeiten...

[heikehk]

Ich seh schon. Ich bin Old Fashion.
Wenn ich mal zeit hab, Les ich mich mal rein, wobei ich icht glaube, dass Java & jquery jemals enge Freunde von mir werden

[Gotcha]

Ich weiss gar nicht, wie man ohne Javascript und jQuery leben kann...
Hier die Luxus-Ausgabe...

http://jsfiddle.net/zPw6H/

Da kann man die URL direkt eingeben, die Tags kann man wieder löschen und das HTML wird als Text ausgegeben...