モーダル用のプラグイン　　

モーダル用のプラグインです。 data属性タグの中に、モーダルで表示したい要素を記述します。 [-modal-title][-modal-text][-modal-iamge]が表示可能です。　　

<a data-modal-title="AddImage" data-modal-text="モーダル2" class="modal" data-modal-image="http://placehold.jp/640x240.png">モーダル2</a>

$('.modal').on('click', function () {
  $(this).modal();
  easing: 'linear',
  animation: 'slideDown'
});

対象のDOM要素に対して、実行します。

・jQuery 1.7以上

speed: 800

モーダルを表示する速度。デフォルト値は800

easing: 'swing'

モーダルを表示する際のエージング・アニメーション。デフォルト値は'swing'

animation: false

モーダルを表示する際のアニメーション。デフォルト値はfalse。   オプションでslideDown, slideUpがある。

基本サンプル