• címkék:
  • lightbox
  • modális
  • ablak
  • window
  • popup
  • felugró

Reveal

Egyszerű beágyazás

Példa

HTML kód

        <a href="#" data-reveal-id="modalisAblak">Példa</a>
      

Modális ablak címe

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin quis sapien nulla. Donec auctor dolor ut eros ornare porttitor. Ut placerat sollicitudin sem, non lacinia mauris cursus ac. Curabitur scelerisque, ligula ac rhoncus varius, lacus ante porttitor nunc, ut lacinia massa diam at odio. Vestibulum lobortis nulla sit amet enim posuere venenatis.

x

Beágyazás deklarációval + paraméterek

Példa

Deklaráció

        $(document).ready(function(){
          $('#pelda').click(function(e){
            e.preventDefault();
            $('#modalisAblak').reveal({
              animation: 'fade',
              closeonbackgroundclick: false
            });
          });
        });
      

HTML kód

        <a href="#" id="pelda">Példa</a>
      

A modális ablak

HTML kód

        <div id="modalisAblak" class="reveal-modal">
          <h1>Modális ablak címe</h1>
          <p>
            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin quis sapien nulla. Donec
            auctor dolor ut eros ornare porttitor. Ut placerat sollicitudin sem, non lacinia mauris
            cursus ac. Curabitur scelerisque, ligula ac rhoncus varius, lacus ante porttitor nunc, ut
            lacinia massa diam at odio. Vestibulum lobortis nulla sit amet enim posuere venenatis. 
          </p>
          <a class="close-reveal-modal">x</a>
        </div>
      

« bezár