Position de l'élément affiché dans fancyBox 3

[nkiefer 6]

Bonsoir,

Je poste dans la section "Utilisation de CMS (Joomla, Wordpress, Drupal....)", car il n'y a pas de section pour ceux qui n'utilisent pas de CMS

Sur mon site, j'utilise le script "fancyBox 3". Pour une page particulière, je souhaiterai que l'iFrame qui s'affiche dans la lightbox ne soit pas centré sur l'écran, mais à une distance (ou pourcentage) donnée du bas droit de l'écran (le principe doit être le même si on veut le haut gauche). Je n'ai rien trouvé au niveau des options indiquées dans la doc sur le site de fancyBox.

Est-ce que quelqu'un a une piste ou a déjà fait cela ? C'est un besoin un peu particulier, j'en conviens, mais on trouve de tout dans la nature

Je vous remercie.

Cordialement.

Nicolas

[nkiefer 6]

Bonjour,

Merci Kerweb pour ta réponse. C'était presque ça : au lieu d'utiliser #modal, j'ai ajouter "position", "bottom" et "right" au script fancyBox de la page en question :

<script>
  $("[data-fancybox]").fancybox({
    fullScreen : false,
    iframe : {		
      css : {
        width : '496px',
        height : '328px',
        position: 'absolute',
        bottom: '6px',
        right: '50px'
      }
    }
  });
</script>

Et tout fonctionne comme je le souhaite

Sujet résolu.

Bonne soirée à tous.

Cordialement.

Nicolas

[Kerweb 4]

Salut,

Tu devrais pouvoir faire ça en CSS avec un truc du style

#modal{
position: absolute;
bottom: 50px;
right: 50px;
}