qTip2: Tooltips mit jQuery

Rich Snippet Tooltip mit qTip2

Wenn man erst einmal verdrängt hat, dass ich nicht über Ohrenstäbchen blogge, kann man sich mit dem Gedanken beschäftigen, dass es um Tooltips geht. Die kleinen Biester werden immer häufiger gewünscht, und natürlich ist es da ganz angenehm, wenn sie schon gut aussehend daher kommen und möglichst einfach eingebunden werden können. Während man früher durchaus zufrieden damit war den Title eines Links anzuzeigen, ist es heutzutage eher so, dass komplexe Boxen mit Rich Content analog der Rich Snippets von Google angezeigt werden sollen.

Rich Snippet Tooltip mit qTip2

Das jQuery Plugin qTip2 ist hierbei so etwas wie die eierlegende Wollmilchsau der Tooltips, modalen Dialoge und Popups. Das Plugin kann von allem ein wenig und kommt gut gestyled daher. Natürlich ist das Skript und das CSS nicht unbedingt klein, aber naja, elend geht die Welt zugrunde. Was mir besonders gut gefällt ist allerdings nicht das Plugin selbst, sondern die Art und Weise wie die Demos angeboten werden. Die sind nämlich sehr wohl auf der Seite, wo man sich auch den Quelltext anschauen kann, als auch via eines JSFiddle-Buttons aufrufbar. Das ist echt prima, weil ich da sofort die Demos anpassen und ein wenig damit rumspielen kann.

Das Plugin macht wirklich eine Menge und man muss gut entscheiden, ob man es aus Performance-Gründen einsetzen möchte. Für einfache Tooltips bei Links aufgrund des Titles ist es wahrscheinlich kompletter Overkill, ansonsten leistet es sehr gute Arbeit und insbesondere ist Kunden gut vermittelbar, das man das Design nicht wirklich noch anpassen muss.

Ähnliche Beiträge


Tutorials Spieleentwicklung in jQuery
Wer den Blog fleissig verfolgt weiss ja, das ich mich auch ein wenig mit dem Thema Spieleentwicklung beschäftige. Man kann da bereits mit einfachen Mi...


jQuery Form Wizard
Web-Formulare können einfach sein, aber auch ganz schön komplex werden. Besonders eklig können diejenigen werden, die auf mehrere Seiten aufgeteilt we...


DropArea – Bildupload mit HTML5 und jQuery
Das Input-Feld vom Typ File ist ein ausgesprochener Störenfried! Keine Präsentation einer fertigen Website ohne Diskussion darüber, wieso der "Durchsu...


jQuery++ – Power Tools für jQuery
jQuery kann eine Menge, aber halt nicht alles. Solls auch nicht, aber es gibt durchaus ein paar Funktionen / Plugins, die ständig im Einsatz sind, und...

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.