画像をリンクしている要素のみcolorboxを発動

CMSで画像をポンと乗せた場合にぽんとカラーボックスが発動するようにするメモ

$(function() {
  $( 'a:has(img)' ).colorbox();
});

imgを持つaに対してカラーボックスが効きます。

wordpressのメディアを追加で追加した画像に対して利かせるには以下のようにします。

$(function() {
  $( 'a:has(img[class*="wp-image"])' ).colorbox();
});

wp-imageというクラス名を含むimg要素を持つa要素で発動します。