DirectResize 0.8.0でalt属性の中身が消える | MODxでハマるありがちな罠と解決法

DirectResize 0.8.0でalt属性の中身が消える

DirectResize 0.8.0で使用する画像拡大表示用AJAXをhighslideやslimbox等に設定するとalt属性の内容は、拡大表示した際の画像の解説用に設定されるのですが、その際、デフォルトの設定では、alt属性で設定した内容が無くなり、各種HTMLチェッカーでひっかかります。

SEO的にもあまり良い事ではありませんので /assets/plugins/directresize/configs/それぞれ用の設定ファイル内の$tplに、以下の用に記載しましょう。
※title属性も設定してます。不要ならば削除してください。

【HighSlideの場合】
ファイル名:highslide.config.php

<a href="[+dr.bigPath+]" class="highslide" onclick="return hs.expand(this, {captionId: 'caption[+dr.id+]'})">
    <img src="[+dr.thumbPath+]" width="[+dr.thumbWidth+]" height="[+dr.thumbHeight+]" alt="[+dr.title+]" title="[+dr.title+]" /></a>
<div class="highslide-caption" id="caption[+dr.id+]">
[+dr.title+]
</div>

【LightBox2の場合】
ファイル名:lightboxv2.config.php

<a href="[+dr.bigPath+]" rel="lightbox" title="[+dr.title+]">
    <img src="[+dr.thumbPath+]" width="[+dr.thumbWidth+]" height="[+dr.thumbHeight+]" alt="[+dr.title+]" title="[+dr.title+]" />
</a>

【SlideBoxの場合】
ファイル名:slidebox.config.php

<a href="[+dr.bigPath+]" rel="lightbox" title="[+dr.title+]">
    <img src="[+dr.thumbPath+]" width="[+dr.thumbWidth+]" height="[+dr.thumbHeight+]" alt="[+dr.title+]" title="[+dr.title+]" />
</a>

【SlimBoxの場合】
ファイル名:slimbox.config.php

<a href="[+dr.bigPath+]" rel="lightbox" title="[+dr.title+]">
    <img src="[+dr.thumbPath+]" width="[+dr.thumbWidth+]" height="[+dr.thumbHeight+]" alt="[+dr.title+]" title="[+dr.title+]" />
</a>

 

 


最終更新日
2010.02.09 (火)
最終更新者
Takayuki Hirosawa