Fancybox dans les pages CMS - PS 1.6

[_AtoWeb_]

Bonjour

 

J'essaie de créer des galeries photos utilisant Fancybox dans les pages CMS d'un Prestashop 1.6.1.4.

 

Je vois que Fancybox est déjà chargé nativement par PS, j'ajoute donc juste le script d'activation dans cms.tpl :

<script>
        $(document).ready(function() {
            $(".fancybox").fancybox({
                'titlePosition' : 'over'
            });
        });
</script>

Avec dans le HTML :

<a class="fancybox" title="legende"><img src="../img/cms/cms-img.jpg" width="245" height="127" /></a>

Le popup Fancybox s'ouvre bien, mais sans tenir compte des paramètres (ex: titlePosition : Over), et quand je le ferme l'image originale est désormais masquée dans la page :

<a class="fancybox" title="legende" style="display: none;"><img src="../img/cms/cms-img.jpg" alt="cms-img" width="245" height="127"></a>

Que faire ? 

 

Merci. 

 

[_AtoWeb_]

A défaut d'une solution, est-ce qu'il existerait un autre script que Fancybox qui me permettent d'obtenir le même résultat ? 

J'ai besoin 1) d'une galerie simple avec légende sur/sous les photos et 2) d'une galerie "revue de presse" où chaque vignette ouvre une galerie photo distincte (c à d plusieurs images pour une vignette)

[_AtoWeb_]

J'ai solutionné le problème de l'élément initial qui disparaissait définitivement, en ajoutant ceci : 

afterClose: function(){
    $(".fancybox").css("display","block");
}

Mais je ne comprends toujours pas pourquoi les paramètres comme "'titlePosition' : 'over'" ne sont pas pris en compte. 

Edited April 5, 2016 by _AtoWeb_ (see edit history)

[_AtoWeb_]

J'ai également un problème avec les tailles des images dans la fenêtre Fancybox : elles ne sont pas automatiquement redimensionnées pour tenir dans la fenêtre et sont donc coupées, en largeur et/ou en hauteur. 

 

J'ai bien mis width100;height:100% sur ces images en css mais ça ne fonctionne pas. 

 

Help ? 

[tiendatutorial]

try this