jQuery Modal

Modal is a jQuery plugin designed to provide gallery view for images.

Example

Try

Installation

To install download one of these packages and include the jquery.modal.js and jquery.modal.css files in your head with the following:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js" type="text/javascript"></script>
<script src="javascript/jquery.modal.js" type="text/javascript"></script>
<link href="stylesheets/jquery.modal.css" rel="stylesheet" type="text/css" />

Example

Setting up a modal is easy. The following snippet is a good start:

<div class="modal fade">
  <div class="header">...</div>
  <div class="content">...</div>
  <div class="footer">...</div>
</div>
<script>
  $('.modal').modal()
</script>

GitHub Google Twitter