Colorboxの改造メモ

ライトボックス系プラグインで扱いやすいcolorboxと改造したのでメモ

Colorboxの表示画像にaltを追加したい

まずはリンク元にtitleをつけておく（ここまでは標準機能でタイトルを表示させる方法と同じ）

jquery.colorbox.jsを開きます。

979行目にこちらの一行を追加。

		.attr('alt', settings.get('title'))

キャプションのみ非表示にする

837行目辺りのここをコメントアウト。
キャプション表示機能をオプションでfalseにすると、alt自体も無効になってしまうので。

//		$title.html(settings.get('title')).show();

リンク元をtitleでなくaltで設定したい

86行目辺りを以下のように改造。

	title: function() {
//		return this.title;
		return $(this).attr('alt');
	},

alt以外にキャプションも設定したい

リンク元に
data-caption=”キャプションの文言”
を追加

90行目辺りにこれを追加

	caption: function() {
		return $(this).data('caption');
	},

840行目辺りのここを改造。
キャプション表示機能をオプションでfalseにすると、alt自体も無効になってしまうので。

//		$title.html(settings.get('title')).show();
		$title.html(settings.get('caption')).show();