Aion2pedia Tooltip-Widget
Bereichern Sie Ihre Gilden-Website, Community-Wikis oder Fan-Blogs mit schwebenden Tooltips für Gegenstände, Fertigkeiten, Sets und Statuseffekte in Aion 2.
Schnellstart: 1-Zeilen-HTML-Snippet
Fügen Sie einfach diesen Skript-Tag in Ihren HTML-<head> oder vor das schließende </body>-Tag ein. Alle Links zu Aion2pedia erhalten automatisch interaktive Tooltips.
<script src="https://aion2pedia.com/tooltip.js" async></script>Konfigurationsattribute
| Attribut | Typ | Standard | Beschreibung |
|---|---|---|---|
src | string | "https://aion2pedia.com/tooltip.js" | Skript-URL. Unterstützt Laden von Aion2pedia oder eigenem Speicher. |
data-lang | enum | Automatisch (oder de) | Erzwingt Anzeigesprache: en, ko, ja, de, fr. |
data-theme | string | dark | Dunkles Design passend zur offiziellen Spiel-Benutzeroberfläche. |
data-base-url | url | "https://aion2pedia.com" | Benutzerdefinierte Basis-URL für statische JSON-Daten und Icons. |
Interaktive Live-Demo
Bewegen Sie den Mauszeiger über die folgenden Links oder tippen Sie darauf:
Gegenstände
Bewege die Maus über Waffen, Rüstungen und Verbrauchsgegenstände:
Fertigkeiten
Bewege die Maus über Klassen-, Gleit- und Stigma-Fertigkeiten:
Sets
Bewege die Maus über Rüstungssets und Resonanzboni:
Statuseffekte
Bewege die Maus über Kontrolleffekt-Debuffs und Spieler-Buffs:
Daten-Attribute
No anchor tag required. Simply add data-aion2-item, data-aion2-skill, or data-aion2-effect to any HTML element (buttons, pills, spans):
Interaktiver ID-Tester
Geben Sie eine beliebige Aion 2 ID ein, um das Tooltip direkt zu testen:
Geben Sie eine beliebige Aion 2 ID ein, um das Tooltip direkt zu testen:
Plattform-Integrationsleitfaden
Schritt-für-Schritt-Anleitungen für gängige Content-Management-Systeme:
🌐Reines HTML / Statische Websites
Füge das Skript vor dem schließenden </body> ein und verlinke auf beliebige Datenbankseiten:
<!-- Include script -->
<script src="https://aion2pedia.com/tooltip.js" async></script>
<!-- Standard anchor link -->
<a href="https://aion2pedia.com/db/item/110130013/">Artisan's Greatsword</a>
<!-- Or data attribute on any element -->
<span data-aion2-skill="1001">Glide Skill</span>📝Markdown & MDX (Astro, VitePress, Hugo)
Auf Dokumentationsseiten mit Astro, Docusaurus, VitePress, Next.js oder Hugo werden Links automatisch angereichert:
[Artisan's Splendent Greatsword](https://aion2pedia.com/db/item/110130013/)
[Glide Ability](https://aion2pedia.com/db/skill/1001/)
[Stun Debuff Effect](https://aion2pedia.com/db/status-effect/100/)📚MediaWiki (Fandom & Gilden-Wikis)
Füge in MediaWiki-Wikis diese Zeile zu MediaWiki:Common.js hinzu:
// Add to MediaWiki:Common.js
mw.loader.load('https://aion2pedia.com/tooltip.js');
// Then in your Wiki articles:
[https://aion2pedia.com/db/item/110130013/ Artisan's Greatsword]⚡WordPress & Gilden-Foren
Binde das Skript in WordPress über ein Header-Footer-Plugin oder in functions.php ein:
function aion2pedia_enqueue_tooltips() {
wp_enqueue_script(
'aion2pedia-tooltips',
'https://aion2pedia.com/tooltip.js',
array(),
'1.0.0',
true
);
}
add_action('wp_enqueue_scripts', 'aion2pedia_enqueue_tooltips');Wesentliche Merkmale
Keine Abhängigkeiten
Reines Vanilla JavaScript (< 15 KB). Kein jQuery oder externes CSS-Framework erforderlich.
Blitzschnelles Edge-CDN
Weltweit über das Cloudflare Edge-Netzwerk bereitgestellt mit clientseitigem Speicher-Caching.
Strikter Datenschutz
Keine Analyseskripte, keine Tracker und keine Cookies von Drittanbietern.
Automatische Bildschirm-Anpassung
Passt sich dynamisch den Bildschirmrändern an, damit Tooltips stets vollständig lesbar bleiben.