Problématique

Voulant ajouter un lien s’ouvrant en lightbox (script shadowbox plus précisément), j’ai bille en tête ajouté un rel=”shadowbox” dans la balise area correspondante.

[php]<area shape="poly" rel="shadowbox" coords="739,435,850,443,956,426,956,657,826,671,685,656,685,471,741,466" href="ginkgo.htm" alt="le journal municipal" id="le-journal-municipal" class="mapping" />[/php]

Je me suis alors aperçu que cela ne fonctionnait pas…

Solution

Il faut en effet, pour gérer une lightbox sur une zone mappée, déclarer l’élément à shadowbox.

Pour WordPress, il faudra ajouter ce bout de code dans le header.php

[php]<script type="text/javascript">
jQuery(function($){
Shadowbox.setup($("#Map area#le-journal-municipal"), {
height: $(window).height(),
width: $(window).width()
});<br />});
</script>[/php]

Map étant l’identifiant de la map et le-journal-municipal celui de l’area.

Comme vous pouvez le constater, il est également possible de renseigner des options, telles que la hauteur et la largeur de la lightbox, dans mon cas, au maximum de la fenêtre du navigateur.