Welcome to Veil’s documentation!

This is a jQuery modal window plugin somewhat based on the Zurb jQuery Reveal Plugin 1.0 which is deprecated, no longer is developed or supported and does not work with the the latest version of jQuery.

Online Demo

Click this link to take you to a demo page that displays the plugin in real time.

• Demo

Background

The jQuery Veil plugin was developed as an alternative to other modal window plugins, and as an update to the reveal plugin that has been deprecated. jQuery Veil has updated the basic concept and added some new features.

Note

New features list:

1. Set the Height of the dialog
2. Set the Width of the dialog
3. Set the source of the optional iframe
4. Set the top position of the dialog
5. Set the left position of the dialog
6. New ‘slide’ animation
7. New frosted glass background
8. New blurred background

See the example file for more info.

Getting Started

To begin, you need to ensure that the stylesheets and the javascript libraries are included in your html file.

Required Libraries

Include the required javascript libraries:

<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<script src="js/jquery.veil.js"></script>

Define the modal

Provide the html code for the modal window:

<div id="modal" class="veil-modal-container">
 <img src="img/washington.jpg"/>
 <div class="veil-footer">
 <input type="button" value="Close" class="btn btn-default veil-close"/>
 </div>
</div>

License Information

As a work of the United States Government, this project is in the public domain within the United States.

Additionally, we waive copyright and related rights in the work worldwide through the CC0 1.0 Universal public domain dedication.

CC0 1.0 Universal Summary

This is a human-readable summary of the Legal Code (read the full text)

No Copyright

The person who associated a work with this deed has dedicated the work to the public domain by waiving all of his or her rights to the work worldwide under copyright law, including all related and neighboring rights, to the extent allowed by law.

You can copy, modify, distribute and perform the work, even for commercial purposes, all without asking permission.

Other Information

In no way are the patent or trademark rights of any person affected by CC0, nor are the rights that other persons may have in the work or in how the work is used, such as publicity or privacy rights.

Unless expressly stated otherwise, the person who associated a work with this deed makes no warranties about the work, and disclaims liability for all uses of the work, to the fullest extent permitted by applicable law. When using or citing the work, you should not imply endorsement by the author or the affirmer.