- 2008-03-12 (水) 10:42
- Custom
カッコイイ写真表示の代名詞といったらLightbox系のAjaxライブラリですけど、
ColorMe!ShopProはヘッダが操作出来ないので、Usage通り<script>をヘッダに入れて～ということは出来ない。
なので一見使用不可能に見えるけど、結構あっさり使えます。
ポイントは３つ。
- ヘッダに挿入するJavascriptファイルへのリンクは、Body内に記述する。
- スタイルシートは使用するページのテンプレートCSSにコピペする（上級者モード）
- テンプレートのアンカータグにrel属性入れる
一番大きなポイントはCSS。
外部ファイルにしたCSSはヘッダにリンク入れないと反映されないので、scriptと同様にbody直下にリンクしても使えない。
ColorMe!ShopProはヘッダの操作が出来ないものの、テンプレートの各ページ（商品詳細画面やカテゴリ画面）ごとに使用するＣＳＳをテキストエリアから記入出来るようになっているので、
そこに直接コピペで入れてしまえば外部リンクするのと同じことになる。
画像は外部サーバから呼び出すということが出来るから、ＣＳＳのリンク先を画像が置いてある場所のパスに変更すればＯＫ。
共通のＣＳＳに@import書いて呼び出すということも可能だけど、各ページのCSSエリアに特に何も書いてないなら直接コピペしてしまう方が早いと思われる。
この方法で他のフレームワークも使用可能になるので、ギャラリーとか使ってみると面白いかも。
関連記事
- Newer: [CSS]fieldsetにbackground指定するとIEではみ出す
- Older: [AS]FLVPlayBackでループ
