[gelöst]Benötige Hilfe bei einer mouseover-Anzeige

Sieht aus als solltest Du qtip mit der ajax Option benutzen. Nach der Installation müsstest Du theoretisch die Inhalte erstellen, die angezeigt werden sollen, und zusätzlich zur colorbox css Klasse noch die qtip Klasse mitgeben.

Müsste eigentlich nicht stören, da colorbox auf onclick und qtip wahrscheinlich auf den hover reagiert!?

Ich kann mit deiner Antwort leider wenig anfangen, da mir wahrscheinlich wichtige Grundlagenkentnisse fehlen um sie zu richtig verstehen.
Ich habe eine qtip instance mit dem Namen tooltip erstellt und dort eingestellt, dass es bei Hover aktiviert werden soll.

wo vorher folgendes stand:

<a class="colorbox-load" href="http://adresse.zum/bild.png">Text</a>

habe ich jetzt tooltip als Klasse hinzugefügt:

<a class="colorbox-load tooltip" href="http://adresse.zum/bild.png">Text</a>

Dabei passiert jedoch garnichts. Auch wenn ich das colorbox-load komplett entferne, passiert beim mouseover nichts.

Das jquery update ist drinnen?

Ich habe im Moment leider keine Zeit das qtip zu testen. Aber ich hatte mir ehrlich gesagt vorgestellt, dass der Ansatz

<a class="colorbox-load tooltip" href="http://adresse.zum/bild.png">Text</a>

funktionieren sollte. Auf jeden Fall bist Du auf der richtigen Spur!

Ja, das jquery update Modul ist installiert und aktiviert.

Ich werde mal noch weiter rumprobieren. Falls jemand noch Ideen haben sollte, nur zu, ich bin für jede Hilfe dankbar.

Also wieso qtip ohne weitere Konfiguration auf die Klasse tooltip reagieren soll, erschließt sich mir weder aus der Modul-Dokumentation (http://cgit.drupalcode.org/qtip/tree/README.txt) noch aus der qtip-Doku (http://qtip2.com/guides)? Oder habe ich da was übersehen?

Bei der Modul-Doku lese ich eigentlich nur das qtip als Textfilter verwendet werden kann. Ob Du das so benutzen kannst hängt sicherlich davon ab wie Deine Links erzeugt werden.

Wenn es mit dem Modul nicht klappt könntest Du ja auch versuchen qtip ohne Modul direkt einzubinden, unter http://qtip2.com/guides ist ja auch schon ein entsprechendes Drupal-Snippet vorhanden. Und dann könnte es bei entsprechender Konfiguration vielleicht auch mit der Klasse "tooltip" klappen.

Nunja, auf diese Weise probiert hatte ich es ja erst, nachdem mir hier gesagt wurde, dass es so ähnlich funktionieren sollte wie colorbox. Und da ich in qtip eine 'instance' (so heisst das im Konfigurationsmenu) mit dem namen tooltip erstellt habe, welche Einstellungen für das aussehen und das triggern des qtips beinhaltet, hätte es ja durchaus sein können, dass ich damit eine entsprechende Klasse erstellt habe.

Mein größtes Problem ist wie weiter oben schon erwähnt wohl, dass ich nur grobe Grundkentnisse in html und php habe und daher überfordert damit bin, wie ich qtip oder auch beautytips denn in meine Seite integriere. Bisher kam ich dank CKEditor und diversen Modulen, welche vieles erleichtern, gut ohne weiterführende Kenntnisse klar, jedoch versage ich gerade an den Mouseoverbildern, da es kein Modul gibt, welches dieses in einer für mich simpel verständlichen Weise integriert. Und die 'Dokumentation' von qtip ist leider so lächerlich kurz, dass sie mir einfach nicht reicht um zu verstehen, wie genau ich es benutze.
Ich versuche mich gerade erstmal daran, allgemein zu verstehen, wie ich javascript in drupal einfüge ( https://www.drupal.org/node/304255 ) und hoffe, dass ich dannach in der Lage sein werde, das Modul auch zu nutzen.

Verwende qTip2! http://qtip2.com

Ich nutze das bei mir (ohne extra Modul) und damit kannst Du wirklich alles machen!

http://qtip2.com/demos
http://qtip2.com/guides
http://qtip2.com/options

qTip2 ist sehr mächtig und dafür brauchst Du auch etwas Zeit um Dich einzuarbeiten aber es lohnt sich.

Wie das genau zu verwenden ist, lies Dir die Doku durch (sehr umfangreich) und schau Dir die Demos an (und den Quelltext dazu).

Ich habe auch eine Weile gebraucht um damit klarzukommen aber qTip2 ist das beste was man zur Zeit finden kann!

Ob Text, Grafik oder LInk .... egal wo Du willst, kannst Du Deinen eigenen Bubbles triggern lassen und in den Bubbles kannst Du alles mögliche einbinden .... Bilder, CSS-Tags zum Formatieren ... Du kannst das mit Ajax laden (wenn Du willst) usw ...

Bin ein Stück weiter gekommen, hänge jetzt aber trotzdem fest.

Ich habe nun das Modul beautytips benutzt, da ich dessen Dokumentation noch am besten verstand. ( http://cgit.drupalcode.org/beautytips/tree/README.txt?id=HEAD )

Normale Text-Tooltips funktionieren einwandfrei. Ich schaffe es jedoch nicht, das Bild anzeigen zu lassen.

In meiner template.php habe ich folgendes im preprocessblock hinzugefuegt (noch keinerlei einstellungen fuer den tooltip, da er erstmal nur funktionieren soll):

Das funktioniert soweit auch wie gesagt. Wenn ich jetzt jedoch statt der 'text'-Zeile folgende Zeile verwende:

steht in der Tooltipblase: ERROR: Not Found

Ich dachte eigentlich, dass er dann die Seite aus dem href anzeigen würde, aber irgendwo habe ich da offensichtlich einen Denkfehler.

Achja und falls es hilft. Wenn ich stattdessen:

eingebe, dann zeigt er mir die URL zum Bild als tooltip an. Das heisst, dass er das href eigentlich auslesen kann und ich dachte ajaxpath zeigt es dann auch an, tut es aber scheinbar nicht.
Wär super, wenn mir da jemand auf die Sprünge helfen könnte.

Nochmal zur Erinnerung.
Der html Teil sieht so aus:

Noch ein Update

Ich habe bemerkt, dass ich ajaxPath eventuell garnicht brauche, da html ja auch im 'text' funktioniert.
Wenn ich jetzt manuell

eingebe, funktioniert das wunderbar und zeigt mein Bild auch an. Problem ist nur, dass dann ja nicht das Bild aus dem href ausgelesen wird, sondern er für alle das gleiche Bild benutzt. Nun bin ich zu dumm, um das Bild aus dem href da reinzubekommen.

funktioniert nicht, weil er dabei nicht das href ausliest, sondern '$(this).attr("href")' direkt als String wiedergibt, was dann natuerlich keine gueltige url ist.
Wenn ich jetzt wüsste, wie ich das href auslesen und in den string einfügen kann, wäre mein Problem erledigt.
Jemand Ideen?

Hab das ganze fuer mich jetzt gelöst.

'text' gibt nur strings wieder ist aber nicht in der Lage scripts zu nutzen um die url auszunutzen.
'contentSelector' => t('"<img src=\"" + $(this).attr("href") + "\" height=\"197\" width=\"220\">"'),
So funktioniert es.