Colorboxをiframe内から親ページへ展開するときにつまずいた話

Colorboxをiframe内に設置して、そこから親ページへ展開する必要があったのでメモ。

参考:colorboxをiframe内から親ページに展開させる

おおむねは上記参考サイトの記述でOK。だけど、Colorboxのv1.3.19じゃないと動かない

使い方

iframe内へは以下を記述

<script>
 function callparent(url,ttl) {
  parent.cbox(url,ttl);
 }
</script>

<a href="javascript:callparent('URLを記述','タイトル')">リンク</a>

親ページに以下の記述を追加

<script>
 function cbox(url,ttl) {
  var href = url;
  var title = ttl;
  $.fn.colorbox({
   width: "colorboxの横幅",
   height: "colorboxの縦幅",
   href:href,
   title:title,
   iframe: true,
   scrolling: "auto"
  });
 }
</script>