リンクタグを使用した閉じるボタン記述方法「colorbox.js」

ヘッダにID指定させる方法

ブログで一般的に書かれている方法は

$(“#cancel”).click(function(){
parent.$.fn.colorbox.close(); return false;
});

※↑はjsに上記を追加し、閉じるボタンにid=”cancel”を追加する方法。

でもこれってちょっと面倒くさくない？
閉じるボタン一個だけの場合は、シンプルにその場だけでcloseさせたいんですけどー！

・・・・そういう場合は下記で出来ました。
閉じるボタンの要素に直接リンク指定をする 方法。

リンクに直接書く方法

<a href='#' onclick="$.colorbox.close(); return false;">画像やテキスト</a>

上記普通にcolorbox.jsに元々あるcolorbox.close();を呼び出してるだけ。
シンプルですね。