Darkli

Small and Clean Lightbox Script

Demos

Methods

You can open/close box with js directly, just try to type following command in your console. 
      
        // open `data-darkli-content="c1"`
        darkli.open('c1');

        // close
        darkli.close();

        // create
        darkli.create({content: `
          <p class="title">Title</p>
          <p>content</p>
        `});

Documentation

Please check README.md for more details.

Content

  • item 1
  • item 2
  • item 3

Lorem ipsum dolor sit, amet consectetur adipisicing elit. Harum at eaque aliquam, rem molestias vitae id necessitatibus libero, iusto tempora repellendus, quibusdam eius delectus voluptates assumenda perferendis voluptatum quae aliquid?

Lorem ipsum dolor sit, amet consectetur adipisicing elit. Beatae earum molestias quam ullam perspiciatis odit nulla voluptates necessitatibus impedit voluptatum autem atque voluptas architecto, at recusandae repellat laborum! Sapiente, veritatis?

Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptas impedit, voluptatum in corrupti maxime, excepturi, cupiditate odio perspiciatis quis ratione harum cum! Cupiditate possimus omnis dolor sapiente. Cupiditate, adipisci porro?

nasa image Photo Credits: Nasa / unsplash.com