MTにLightViweを実装する

MTで投稿した画像にLiteViewを実装する。
※「LiteView」は「prototype」を使用する為、jQueryを使用する際は「jQueryとprototypeの夢の共存」を参考にしてください。
HTMLのHEADタグ内に、

<script type="text/javascript" src="jquery.js"></script>

<script type="text/javascript">jQuery.noConflict();</script>

<script type="text/javascript">

    jQuery(document).ready( function() {

        jQuery(".mt-enclosure-image a").addClass("lightview");

    });

</script>

<script type="text/javascript" src="prototype.js"></script>

<script type='text/javascript' src=scriptaculous.js?load=effects'></script>

<script type="text/javascript" src="lightview.js"></script>

<link href="lightview.css" rel="stylesheet" type="text/css" media="all" />

これで、LightViewが実装できるが、
更にグループ分けして、スライドショーを機能させるには、
割り当てたクラス[lightview]にrelを指定する為、
HTMLのBODYタグ内に下記を記述する。

<script type="text/javascript">

<!--

	jQuery(".mt-enclosure-image a").addClass("lightview");

	var anchors = jQuery(".lightview");

	for(i=0; i<anchors.length; i++){

		var anchor = anchors[i];

		if (anchor.getAttribute('href') && anchor.getAttribute('href').match(/jpg$|gif$|png$/) && !anchor.getAttribute('rel')) {

			anchor.setAttribute('rel', 'gallery[entry_1]');

		}

	}

//-->

</script>