Region auswählen

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.

HTML
<script src="https://aion2pedia.com/tooltip.js" async></script>

Konfigurationsattribute

AttributTypStandardBeschreibung
srcstring"https://aion2pedia.com/tooltip.js"Skript-URL. Unterstützt Laden von Aion2pedia oder eigenem Speicher.
data-langenumAutomatisch (oder de)Erzwingt Anzeigesprache: en, ko, ja, de, fr.
data-themestringdarkDunkles Design passend zur offiziellen Spiel-Benutzeroberfläche.
data-base-urlurl"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:

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):

data-aion2-item="110130013"data-aion2-skill="1001"data-aion2-effect="100"data-aion2-item="110140022"

Interaktiver ID-Tester

Geben Sie eine beliebige Aion 2 ID ein, um das Tooltip direkt zu testen:

Tooltip prüfen

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.