Lightbox2 crée une autre mise en page

Question

J'essaie d'ajouter un plugin Lightbox à mon projet, j'ai besoin de l'utiliser sur les images des utilisateurs, mais quand je charge la page Ligthbox une autre div sans images qui ont une position absolue et superposent sur toutes les pages. Donc, le comportement du plugin continue normalement. Vous pouvez voir le problème sur cette image: Lightbox2 Bad Behavior

La chose la plus drôle que j'ai une autre page avec Lightbox implémentée, mais il n'y a pas de problèmes. J'utiliser le code exactement le même sur les deux parties de proyect, alors là, vous avez:

{% if image != null and image != '' %} 
    <a id="avatar" href="{{ asset(item.getWebPath) }}" data-lightbox="image" data-title="{{ 'field.avatar'|trans }}">{{ image }}</a> 
{% endif %} 
{% set image2 = entity_field(item, 'path2', definition_fields['path2']) %} 
    {% if image2 != '' and image2 != null %} 
     <a id="handwriting" href="{{ asset(item.getWebPath2) }}" data-lightbox="image" data-title="{{ 'field.image_writting'|trans }}">{{ image2 }}</a> 
    {% endif %} 
{% endif %} 

Ce bloc ont le code Brindille, mais le principal, il est juste sur les liens. Trouvez-vous un problème ou avez-vous des idées?

Answer 1

Avez-vous http: // au début de votre URL dans la chaîne Twig? Besoin du chemin complet pour charger correctement. Salutations.