🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

Yet another jQuery modal plugin that makes it easier to display Html content in a popup window with CSS3 transitions and transforms.

Modal transforms transitions

Documentation

jQuery Modal

Modal is a jQuery plugin for showing overlapping dialogue prompts.

Installation

To install copy the javascripts and stylesheets directories into your project and add the following snippet to the header:

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

This plugin is also registered under http://bower.io/ to simplify integration. Try:

npm install -g bower bower install modal 

Lastly this plugin is registered as a https://rails-assets.org/ to simplify integration with Ruby on Rails applications:

Gemfile

+ source 'https://rails-assets.org' ... + gem 'rails-assets-modal' 

application.css

/*  ...  *= require modal  ... */ 

application.js

//= require jquery ... //= require modal 

Examples

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> 

Status

Status

Copyright

Copyright (c) 2010 - 2014 Kevin Sylvestre. See LICENSE for details.


You May Also Like