jQuery

【jQuery】ページのプレビューリンク用のシンプルなjQueryモジュールプラグインpreviewer.js

June 6, 2018
previewer.js

previewer.jsはあなたのウェブサイトページのハイパーリンクを開いてモーダルをポップアップし、ユーザーは1つのモーダルで複数のハイパーリンクを開き、タブ順にそれらを管理することができます。

How to use

<link href="../css/style.css"  rel=stylesheet>
<script src="../js/previewer.js"></script>

JQUERY

$('.contentWraper').previewer(..option..);
AMD, REQUIREJS
requirejs.config({
    paths: {
        jquery: '../node_modules/jquery/dist/jquery.min',
        previewer:'../js/previewer'
    }
});
requirejs(['jquery','previewer'], function( $ ) {
    $('.contentWraper').previewer(..option..);
});

Features

$('.contentWraper').previewer({
        direction:'rtl',
        hold_time: 2000,
        dragable: false,
        sandbox: {
            active: true,
            types: "allow-same-origin allow-scripts"
        }
    });