Problème intégration lightbox double cadre
Récemment, j’ai essayé d’installer le plugin Wordpress nommé lightboxplus et le plugin de gestion d’images nommé image manager et j’ai rencontré le problème d’intégration suivant : lorsque j’essayais de cliquer sur une image pour l’afficher avec l’effet lightbox, une sorte de conflit d’intégration est apparu. Non seulement le cadre généré par le plugin lightboxplus s’affichait à l’écran, mais apparaissait aussi une fenêtre pop-up générer par default par Wordpress (le cadre par default de Wordpress en somme …).
Voici le problème en image pour mieux comprendre.
En cherchant un peu sur Google je n’ai pas vraiment trouvé de solution à ce problème. Je ne savais même pas comment formuler ma requête Google. « Problème cadre doublon » « problème lightboxplus », bref.
J’ai trouvé une solution assez simple à mettre en œuvre, cela pourrait servir aux personnes rencontrant ce problème d’intégration d’images, utilisant un plugin du type lightboxplus.
La solution ? Bien il suffit de vérifier le code html lorsqu’on ajoute une image. Dans mon cas, je voyais apparaitre ce bout de code html-javascript appelant l’image :
<a onclick="ps_imagemanager_popup(this.href,'linked_list.png','250','250');return false" href="/wp-content/uploads/2009/09/linked_list.png" onfocus="this.blur()"><img title="linked_list.png" src="/wp-content/uploads/2009/09/.thumbs/.linked_list.png" border="0" alt="linked_list.png" width="96" height="96" /></a>
Pour ne pas permettre à la fenêtre pop-up présente par défaut avec wordpress de s’afficher, il m’a fallu supprimer uniquement le bout de code suivant :
onclick="ps_imagemanager_popup(this.href,'linked_list.png','250','250');
Et le problème fut réglé. En réalité, il y avait une solution plus simple : paramétrer le plugin image manager …
En effet, dans les paramètres de ce plugin, il y avait une option activer par défaut qui faisait en sorte d’ouvrir chaque image dans une fenêtre de type pop-up javascript dont voici une image pour mieux comprendre.
Pour éviter d’ouvrir des images d’articles dans une fenêtre pop-up, il suffit de choisir par exemple l’option « image » plutôt que l’option « thumbnails with pop-up ». Ainsi, cela évite un conflit d’intégration éventuel entre l’effet lightbox, et la fenêtre pop-up javascript générée par le plugin image manager.