Aller au contenu
  • 0
nkiefer

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

Question

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

Partager ce message


Lien à poster
Partager sur d’autres sites

2 réponses à cette question

Recommended Posts

  • 0

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 :D

Sujet résolu.

Bonne soirée à tous.

Cordialement.

Nicolas

Partager ce message


Lien à poster
Partager sur d’autres sites
  • 0

Salut,

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

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

 

  • Upvote 1

Partager ce message


Lien à poster
Partager sur d’autres sites

Créer un compte ou se connecter pour commenter

Vous devez être membre afin de pouvoir déposer un commentaire

Créer un compte

Créez un compte sur notre communauté. C’est facile !

Créer un nouveau compte

Se connecter

Vous avez déjà un compte ? Connectez-vous ici.

Connectez-vous maintenant


×