colorbox.js 画像クリックで閉じる

colorbox.jsを使用して、画像を拡大表示させたあと、
画像以外の部分をクリックしたときにウィンドウが閉じるのと同じように、
画像事体のどこをクリックしても、ウィンドウが閉じるようにしたいのですが、
どのようにすればよいでしょうか？

現在は画像全体に閉じるイベントを設定したHTMLファイルを別に作成し、
colorbox.jsでiframeとしてポップアップさせているのですが、
画像ごとにＨＴＭＬファイルを作成しなくても、可能な方法がございましたら、
ぜひご教授して頂けますようよろしくお願いいたします。

No.1 ベストアンサー 回答者： fujillin 回答日時： 2013/07/29 19:04

colorboxをあまり良く知りませんが、

ドキュメントを見ると、close()メソッドが用意されているようですので…
　http://www.jacklmoore.com/colorbox/

＞画像以外の部分をクリックしたときに～～、
＞画像事体のどこをクリックしても、～～
どこをクリックしてもということになるのでしょうから、documentのクリックイベントで、$.colorbox.close()を実行すればよいのでは？
（非表示の時に、このメソッドを実行してエラーがでないかどうかはテストしていないのでわかりません）

この回答へのお礼

回答ありがとうございます。

頂いた回答を参考に、JS未経験ですがチャレンジしたいと思います！

お礼日時：2013/08/01 10:11