Vous vous demandez sûrement comment afficher le scan d’une carte du jeu Magic: The Gathering simplement et rapidement en sur-impression lors du passage de la souris sur le nom des cartes ? Vous ne voyez pas de quoi je parle ? Et bien passez la souris sur le Jour de condamnation ou sur ce Baneslayer Angel. Vous voyez mieux de quoi je parle maintenant ? 😀

[EDIT] Passage en HTTPS des liens vers MTG Addict.

Je vous propose de le faire au moyen des bbcodes. Nous allons réaliser un bbcode suivant :

  • Nom du tag : card
  • Format du tag : [card]<1>[/card]
  • HTML de remplacement :
    <a href="https://www.mtgaddict.net/search/card?name=[1]" onmouseover="return mtga_show_popup('[1]', 500);" onmouseout="return mtga_hide_popup('[1]');" onclick="window.open(this.href); return false;" rel="nofollow">[1]</a>
  • Composant Javascript à inclure : https://www.mtgaddict.net/js/mtgalib_comp.js

Ce bbcode est valable sur la plupart des forums comme expliqué sur la page d’aide du composant Javascript MTG Addict. Si vous souhaitez l’intégrer sur votre blog WordPress, il faut alors utiliser le magnifique plugin Advanced BBcode. 😛 Vous pouvez le configurer comme sur la capture d’écran ci-dessous ou bien télécharger le ficher de configuration pour Advanced BBcode intégrant le bbcode MTG Addict.

BBcode MTG Addict

Voilà ! Vous allez pouvoir afficher de superbes Black Lotus, ressortir vos Contresort ainsi que vos Grand Arbitre Augustin IV ! 😉