Widget d'infobulles Aion2pedia
Enrichissez votre site de guilde, wiki ou blog avec des infobulles flottantes interactives pour les objets, compétences, panoplies et effets de statut d'Aion 2.
Démarrage rapide : Balise HTML en 1 ligne
Insérez simplement cette balise de script dans votre <head> ou avant la fermeture de </body>. Tous les liens vers Aion2pedia afficheront automatiquement une infobulle.
<script src="https://aion2pedia.com/tooltip.js" async></script>Attributs de configuration
| Attribut | Type | Défaut | Description |
|---|---|---|---|
src | string | "https://aion2pedia.com/tooltip.js" | URL du script. Chargement depuis Aion2pedia ou hébergement autonome. |
data-lang | enum | Détection auto (ou fr) | Force la langue d'affichage : en, ko, ja, de, fr. |
data-theme | string | dark | Thème sombre adapté à l'interface officielle du jeu. |
data-base-url | url | "https://aion2pedia.com" | URL racine personnalisée pour les fichiers JSON et icônes. |
Démonstration interactive en direct
Survolez ou touchez n'importe quel lien ci-dessous pour tester l'infobulle Aion2pedia en direct :
Objets
Survolez les armes, armures et consommables :
Compétences
Survolez les compétences de classe, vol plané et stigmates :
Panoplies
Survolez les panoplies complètes et bonus de résonance :
Effets de statut
Survolez les affaiblissements et améliorations :
Attributs personnalisés
No anchor tag required. Simply add data-aion2-item, data-aion2-skill, or data-aion2-effect to any HTML element (buttons, pills, spans):
Testeur interactif d'identifiant
Entrez un identifiant Aion 2 pour tester son infobulle :
Entrez un identifiant Aion 2 pour tester son infobulle :
Guides d'intégration par plateforme
Instructions étape par étape pour les CMS et moteurs de documentation populaires :
🌐HTML pur / Sites statiques
Insérez la balise de script avant la fermeture de </body> et créez un lien vers la base de données :
<!-- 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, Docusaurus, Hugo)
Sur les sites créés avec Astro, Docusaurus, VitePress, Next.js ou Hugo, les liens Markdown sont enrichis automatiquement :
[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 (Wikis de jeu et portails)
Sur les wikis MediaWiki, ajoutez cette ligne à MediaWiki:Common.js :
// 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 & Sites communautaires
Dans WordPress, ajoutez le script via une extension d'en-tête/pied de page ou dans functions.php :
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');Points forts techniques
Zéro dépendance
JavaScript Vanilla pur (< 15 Ko). Aucun framework lourd ou CSS externe requis.
CDN Edge instantané
Distribué mondialement via Cloudflare avec mise en cache mémoire côté client.
Confidentialité garantie
Zéro traceur, zéro outil d'analyse et zéro cookie tiers.
Ajustement automatique d'écran
Détection des bords de fenêtre pour empêcher l'infobulle de déborder de l'écran.