使いやすそうなモーダルウィンドウのスクリプトがあったので備忘録。VimeoやGoogleマップにも対応しており、ファイル自体も圧縮版で2KB程度と軽量なのも嬉しいですね。

モーダルウィンドウ実装用のスクリプトです。jQueryに依存します。

Pop Easy


使いやすそうなモーダルウィンドウです。


スタイルもカスタマイズしやすそう。

$('.modalLink').modal({
    trigger: '.modalLink',
    olay:'div.overlay',
    modals:'div.modal',
    animationEffect: 'slidedown',
    animationSpeed: 400,
    moveModalSpeed: 'slow',
    background: '00c2ff',
    opacity: 0.8,
    openOnLoad: false,
    docClose: true,
    closeByEscape: true,
    moveOnScroll: true,
    resizeWindow: true,
    video:'http://player.vimeo.com/video/9641036?color=eb5a3d',
    close:'.closeBtn'
});

オプションは上記の通り。読めば大体わかりそうなので詳細は割愛します。

今日は立て込んでるのでいろいろ手抜きです、ごめんなさい。詳細は以下よりどうぞ。

Pop Easy