arrow_upward
closeサイドバー無

Colorboxを使う(inline要素の出力)

Colorboxサイトからダウンロードしてきます。
後は設定してみます。
imagesフォルダは削除せずにcolorbox.cssと同位置に。

サンプルページ 

<link rel="stylesheet" href="colorbox.css" />
<script src='https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js'></script>
<script src="jquery.colorbox-min.js"></script>
<script>
$(function(){
    $(".inline").colorbox({inline:true, width:"40%", height:"40%"});
});
</script>
<body>
 <p><a class="inline" href="#info">呼び出し元リンク</a></p>
    <div style="display:none;">
        <div id="info">
        表示したい内容
        </div>
    </div>
</body>

2018/03/28:サンプルページの追加
2017/05/21:ページの作成

関連記事

0 件のコメント:

コメントを投稿