画像表示の改修

[mansyuu]

Highslide JS 組み込み手順

添付ファイルを解凍後 Script フォルダをインストール前にルート上にコピーする。

同梱の attachment.html・overall_header.html を /styles/prosilver に上書きコピーする。

その後にインストール作業を行う。

インストール後に行った場合には、管理画面に入りキャッシュのクリアを必ず行う。

overall_header.html　　　追加した項目

<!-- IF SCRIPT_NAME == "viewtopic" or SCRIPT_NAME == "posting" or SCRIPT_NAME == "ucp" or SCRIPT_NAME == "search" -->
<script type="text/javascript" src="Script/highslide/highslide-full.js"></script>
<script type="text/javascript" src="Script/highslide/highslide-config.js" charset="utf-8"></script>
<link rel="stylesheet" type="text/css" href="Script/highslide/highslide.css" />
<!-- ENDIF -->

attachment.html　　 　　書き換えした項目

<!-- IF _file.S_THUMBNAIL -->
<dl class="thumbnail">
<dt><a href="{_file.U_DOWNLOAD_LINK}"><img src="{_file.THUMB_IMAGE}" class="postimage" alt="{% if _file.COMMENT %}{{ _file.COMMENT|e('html') }}{% else %}{{ _file.DOWNLOAD_NAME }}{% endif %}" title="{_file.DOWNLOAD_NAME} ({_file.FILESIZE} {_file.SIZE_LANG}) {_file.L_DOWNLOAD_COUNT}" /></a></dt>
<!-- IF _file.COMMENT --><dd> {_file.COMMENT}</dd><!-- ENDIF -->
</dl>
<!-- ENDIF -->

オリジナルを下記に書き換え

<!-- IF _file.S_THUMBNAIL -->
<div class="highslide-gallery">
<a href="{_file.U_DOWNLOAD_LINK}/{_file.DOWNLOAD_NAME}" title="<!-- IF _file.COMMENT -->{_file.COMMENT}<!-- ENDIF -->" class="highslide" onclick="return hs.expand(this, { slideshowGroup: 'photo_gp' } )"><img src="{_file.THUMB_IMAGE}" alt="{_file.DOWNLOAD_NAME}" title="{_file.DOWNLOAD_NAME} ({_file.FILESIZE} {_file.SIZE_LANG})<!-- IF U_MCP --> {_file.L_DOWNLOAD_COUNT}<!-- ENDIF -->" /></a>
<div class="highslide-caption"></div>
</div>
<!-- IF _file.COMMENT --><div style="font-size:12px;"> {_file.COMMENT}</div><!-- ENDIF -->
<!-- ENDIF -->