- Clone the git repo -
git clone https://github.com/fernando-dev/fmc-simple-modal.git- or download it - includes
fmc-modal.jsbetween<head>and</head>
http://nando-experiments.github.io/fmc-simple-modal/demo/
- include layer script
jQuery(document).ready(function($) {
$('.modal-click').fmcmodal();
});
- Add HTML to Link to click
<a href="#!modal_abrir" class="modal-click">Open Modal</a>
- Add HTML to Modal content
<div id="modal_abrir" class="fmcmodal">
<a href="#!" class="modal-close" title="Fechar FMC Modal">×</a>
<div class="modal-inner">
<header class="modal-header"> Modal Header </header>
<div class="modal-content"> Modal Content </div>
<footer class="modal-footer"> Modal Footer </footer>
</div>
</div>
- Done! Enjoy! :P
close- class attribute of the modal
- Fernando Moreira - Creator and Maintainer
- You!) - Your Name Here. simply contribute to the project ;)
If you have any questions or find any bugs, let me know.