Colorbox 画像ポップアップ機能の使い方

画像ポップアップ挿入方法は以下の要領で行う。

主にHTMLソースを編集する形式で行う必要があります。
また、事前にクリック後に表示される大きな画像とそのサムネイル画像、計２つ（１セット）をアップロードしておいてください。

＜書式＞

<a class="colorbox-load" href="[image-path]?width=[image-width]" title="[image-title]" data-colorbox-gallery="[group-name]">
     <img src="[Image-path-thumb] ">
</a>

＜タグ内の属性説明＞
*[Image-path] = クリック後に表示される大きな画像のパスを指定する（必須）
*[Image-path-thumb] = サムネイル用画像のパスを指定する（必須）
[image-width] = ポップアップ時、画像の横幅を指定する（サイズがそれ以上大きい写真のみ有効）
[image-title] = 任意の画像タイトルをつける
[group-name] = 任意の画像グループ名をつける

＜例：ソース＞

<a class="colorbox-load" href="/sites/downtowndesk.co.nz/files/images/colorbox_test01s.jpg?width=800" title="日食の様子" data-colorbox-gallery="group01">
<img src="/sites/downtowndesk.co.nz/files/images/colorbox_test01s_150.jpg"></a>

<a class="colorbox-load" href="/sites/downtowndesk.co.nz/files/images/colorbox_test02s.jpg?width=800" title="日食の様子2" data-colorbox-gallery="group01">
<img src="/sites/downtowndesk.co.nz/files/images/colorbox_test02s_150.jpg"></a>

<a class="colorbox-load" href="/sites/downtowndesk.co.nz/files/images/colorbox_test03s.jpg?width=800" title="日食の様子 - おたまの影1" data-colorbox-gallery="group01">
<img src="/sites/downtowndesk.co.nz/files/images/colorbox_test03s_150.jpg"></a>

<a class="colorbox-load" href="/sites/downtowndesk.co.nz/files/images/colorbox_test04s.jpg?width=800" title="日食の様子 - おたまの影2" data-colorbox-gallery="group01">
<img src="/sites/downtowndesk.co.nz/files/images/colorbox_test04s_150.jpg"></a>

<a class="colorbox-load" href="/sites/downtowndesk.co.nz/files/images/colorbox_test05s.jpg?width=800" title="日食の様子 - 木漏れ日の影" data-colorbox-gallery="group01">
<img src="/sites/downtowndesk.co.nz/files/images/colorbox_test05s_150.jpg"></a>

＜例：結果＞