Thema: TooltipBox über ein Bild

hio leute,

mal wieder steh ich vor einer aufgabe die ich ohne eure hilfe nicht gelöst bekomme.

und zwar muss ich diesmal eine tooltipbox über ein bild anzeigen lassen.

DH.: ich hab mehere logos von firmen, ich will aber nicht extra die adresse unten drunter schreiben, sondern wenn der besucher mit der maus über das logo geht eine tooltipbox (oder was auch immer) angezeigt bekommt mit der Adresse.

ich habe schon meherer plugins ausprobiert (zb. hier ) jedoch ohne erfolg. zwar klappen diese module beim reinen text , nur auf der seite habe ich nur logos (bilder) ohne jeglichen text und möchte das gerne mit so einer tooltipbox lösen (wenns gehen sollte).

zusammenfassung:
1. Tooltipbox über ein bild
2. es müssen in der Tooltipbox zeilenumbrüche gemacht werden
o beispiel:
Max Mustermann
Musterstraße 100
10010 Musterstadt
3. Die Tooltipbox sollte wenn möglich an der position der maus angezeigt werden
4. mir bitte genau erklären wie man dies umsetzt, bin jetzt nicht so der joomla profi :P

ich denke das wars erstmal, ich danke euch jetzt schonmal und hoffe ihr könnt verstehen was ich meine

mfg krischi

ps: wenn ich hier falsch bin, bitte verschieben, danke^^

//push
brauche immer noch hilfe bei meinem problem!

//push

bitte brauche dringend hilfe ...es kann doch nicht sein das mich niemand versteht oder niemand weiß wie das geht ?! :P

Zitat von krischi

bitte brauche dringend hilfe ...es kann doch nicht sein das mich niemand versteht oder niemand weiß wie das geht ?! :P

Das wissen sicher einige, aber vermutlich hat niemand Lust, das so umfassend zu erklären, daß es von jemandem verstanden wird, der erklärtermaßen keine Ahnung hat.

Ich erkläre es jetzt trotzdem mal. Wissenslücken schließt du bitte mit der Suche.

Zunächst muß sichergestellt sein, daß das Tooltip-Verhalten der Mootools aktiviert ist. Das machen zwar etliche Module und Plugins von sich aus, aber wenn die gerade nicht geladen werden, klappen die Tooltips nicht und es wird nur die Titel-Sprechblase des Browsers gezeigt. Dazu fügst du über der Document type Deklaration in die index.php deines Templates ein:

Code:

<?php JHTML::_('behavior.tooltip'); ?>

Danach kannst du du die Tooltips bei jedem beliebigen Element aktivieren, indem du ihm die Klasse hasTip (Groß-Kleinschreibung exakt beachten) gibst. Wenn das Element bereits eine Klasse hat, kannst du hasTip mit einem Leerzeichen getrennt hinzufügen.

Der Tip kommt in das title-Attribut des Elements. Überschrift und Text werden durch :: getrennt. Im Text ist HTML erlaubt, du kannst also Zeilenumbrüche einbauen.

Ein simples Beispiel könnte also so aussehen:

Code:

<img class="bild hasTip" title="Überschrift::Das ist ein Beispiel<br />mit zwei Zeilen" src="beispiel.jpg" alt="Tooltip-Beispiel" />

Zusätzlich sollte die Klasse hasTip im CSS irgendwie kenntlich gemacht werden, damit der Besucher sieht, daß dort etwas passiert. Bei Text bietet sich eine gepunktete Unterstreichung an. Wie du Bilder mit Tooltip von anderen unterscheidest, darfst du dir selbst ausdenken. Vielleicht mit einem gepunkteten Rahmen?

Viel Spaß.

Oder eben kostenlos mit dem Jce Editor in Kombination mit der MediaBox.
Wie das funzt steht hier:
http://www.joomlacontenteditor.net/s...ls/jcemediabox

sry das ich jetzt erst schreibe ...war betrieblich unterwegs....

ich danke euch sehr für die verschiedenen antworten und werde jetzt mal gucken wie ich es genau mache ...

danke nochmal

mfg krischi