Jump to content
  • 0
Sign in to follow this  
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

Share this post


Link to post
Share on other sites

2 answers to this 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

Share this post


Link to post
Share on other sites
  • 0

Salut,

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

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

 

  • Upvote 1

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

×