fancyboxデモページを切り出したもの(付属物)


以下のソースは、fancyboxのデモページを、わたしの用途に合うように切り出したものです。
こちらの記事の付属物です。

元のファイルはfancybox.net様が配布しているfancyboxに添付されている、デモページのhtmlファイルです。
本体および正しいデモファイル、詳しく正確な情報については、そちらへ。

<!DOCTYPE html>
<html>
<head>
    <title>cut to fancyBox Demonstration</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

    <!-- Add jQuery library -->
    <script type="text/javascript" src="mods/fancybox/lib/jquery-1.10.1.min.js"></script>

    <!-- Add mousewheel plugin (this is optional) -->
    <script type="text/javascript" src="mods/fancybox/lib/jquery.mousewheel-3.0.6.pack.js"></script>

    <!-- Add fancyBox main JS and CSS files -->
    <script type="text/javascript" src="mods/fancybox/source/jquery.fancybox.js?v=2.1.5"></script>
    <link rel="stylesheet" type="text/css" href="mods/fancybox/source/jquery.fancybox.css?v=2.1.5" media="screen" />

    <!-- Add Button helper (this is optional) -->
    <link rel="stylesheet" type="text/css" href="mods/fancybox/source/helpers/jquery.fancybox-buttons.css?v=1.0.5" />
    <script type="text/javascript" src="mods/fancybox/source/helpers/jquery.fancybox-buttons.js?v=1.0.5"></script>

    <!-- Add Thumbnail helper (this is optional) -->
    <link rel="stylesheet" type="text/css" href="mods/fancybox/source/helpers/jquery.fancybox-thumbs.css?v=1.0.7" />
    <script type="text/javascript" src="mods/fancybox/source/helpers/jquery.fancybox-thumbs.js?v=1.0.7"></script>

    <!-- Add Media helper (this is optional) -->
    <script type="text/javascript" src="mods/fancybox/source/helpers/jquery.fancybox-media.js?v=1.0.6"></script>

    <script type="text/javascript">
        $(document).ready(function() {
            $(".fancybox_iframe").click(function() {
                $.fancybox.open({
                    href : 'iframe.php',
                    type : 'iframe',
                    padding : 5
                });
            });
        });
    </script>

</head>

<body>

    <a class="fancybox_iframe" href="javascript:;">
        Open single item, custom options
    </a>
</body>
</html>

0 件のコメント:

コメントを投稿

TranscendケースでM.2 SSDドライブを作ってベンチマーク(MacBookPro環境用)

「WD 内蔵SSD 1TB WDS100T2B0B-EC 」と「Transcend USB3.1 M.2 SSD 外付けケース TS-CM80S」の組み合わせでを作ったので、ベンチマークをとっておきました。 購入検討の参考にしてください。 構成 ...