テーマの変更（ｊQuery対応）

Ajaxに対応させるため、テーマの変更を実施した。

実施日：2013-8-4 実施者：菅野 陽一

実施内容 †

コード変更：ヘッダー部 †

xoops/themes/ueno-x2t/theme.htmlファイルのheadタグ内に次の設定を追加。

<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
<link rel="stylesheet" type="text/css" href="css/lightbox.css" />

ファイル配置 †

次のディレクトリにjQeury関連のファイルを配置。

xoops/jsディレクトリ †

• jquery.smooth-scroll.min.js
• jquery-1.7.2.min.js
• jquery-ui-1.8.18.custom.min.js
• lightbox.js

xoops/cssディレクトリ †

• lightbox.css
• screen.css

xoops/imagesディレクトリ †

• bullet.gif
• close.png ...閉じるためのＸ印ボタン
• loading.gif
• next.png ...＞印ボタン
• prev.png ...＜印ボタン

コード変更：ボディ部 †

トップページ「新都民合唱団のホームページへようこそ」 †

ブロック「新都民合唱団のホームページへようこそ」に次のHTMLコードを挿入。

<div id="imageBox">
  <a href="http://shintomin.com/images/76chirashi01.jpg" rel="lightbox"
target="_new" title="新都民合唱団　第76回定期演奏会 チラシおもて">
  <img src="http://shintomin.com/images/76chirashi01_thumbnail.jpg" border="0" /></a>
  <a href="http://shintomin.com/images/76chirashi02.jpg" rel="lightbox"
target="_new" title="新都民合唱団　第76回定期演奏会 チラシうら">
  <img src="http://shintomin.com/images/76chirashi02_thumbnail.jpg" border="0" /></a>
</div>

「次回演奏会のご案内」 †

tiny10のコンテンツID=19に次のHTMLコードを挿入。

<div id="imageBox">
  <a href="http://shintomin.com/images/76chirashi01.jpg" rel="lightbox"
target="_new" title="新都民合唱団　第76回定期演奏会 チラシおもて">
  <img src="http://shintomin.com/images/76chirashi01_thumbnail.jpg" border="0" /></a>
  <a href="http://shintomin.com/images/76chirashi02.jpg" rel="lightbox"
target="_new" title="新都民合唱団　第76回定期演奏会 チラシうら">
  <img src="http://shintomin.com/images/76chirashi02_thumbnail.jpg" border="0" /></a>
</div>

（ブロック「新都民合唱団のホームページへようこそ」と同じ。）

留意事項 †

• この変更は、ホームページ全体のテンプレートを対象とした変更であるため、個々のモジュールのheadタグ部に上記の「コード変更：ヘッダー部」の設定を重ねて入れる必要はない。