少し改造してみた。

http://demo.joomler.net/

各記事上のPDFアイコンとE-Mailアイコンをクリックしてみてください。

GreyBoxを使って表示するようにしてみました。

変更は以下

Root/libraries/joomla/html/html.php

Line:110

return '<a href="'.$url.'" '.$attribs.'>'.$text.'</a>';

を

$base = substr(JURI::base(), 0, strlen(JURI::base()) - 1); $regex = '/<img[^>]*alt="pdf"[^>]*\/>/i'; if(preg_match($regex, $text)){ $attribs = ' rel="gb_page_fs[]"'; $url = $base. $url; } $regex = '/<img[^>]*alt="E-mail"[^>]*\/>/i'; if(preg_match($regex, $text)){ $attribs = $attribs. ' rel="gb_page_center[480, 320]"'; $url = $base. $url; } return '<a href="'.$url.'" '.$attribs.'>'.$text.'</a>';

へ変更した。

これだけでは、常時GreyBoxのJavascriptは読み込まれない（プラグインには関係ない）のでテンプレートのheadセクションに以下を追加

<script type="text/javascript">var GB_ROOT_DIR = "<?php echo $this->baseurl ?>/plugins/content/greybox/"</script> <script type="text/javascript" src="<?php echo $this->baseurl ?>/plugins/content/greybox/AJS.js"></script> <script type="text/javascript" src="<?php echo $this->baseurl ?>/plugins/content/greybox/AJS_fx.js"></script> <script type="text/javascript" src="<?php echo $this->baseurl ?>/plugins/content/greybox/gb_scripts.js"></script> <link href="<?php echo $this->baseurl ?>/plugins/content/greybox/gb_styles.css" rel="stylesheet" type="text/css" />

これは、デフォルトのrhuk_milkywayテンプレートの場合です。

これによって常時GreyBoxのJavascriptがロードされるのでGreyBoxプラグインをインストールしている場合は、Output GreyBox.jsをNoに変更してください。

参考にGreyBoxを使ってみましたが、同様にLightBox、ThickBox、LightWindowなど他の画像表示のJavascriptにも応用できるでしょう。

HTMLが表示できるJavascriptライブラリでないと無理でしたね。