これは私がそれを行う方法ですので、これはあなたのニーズに完全には合わないかもしれません:
ヘッダーがコンテンツの一部ではないと仮定すると、ヘッダーは<img>
タグであってはなりません。または要素でCSSbackground
プロパティを使用する必要があります。<header>
<div id="header">
したがって、ヘッダーがあるテンプレートでは、カテゴリ ID を使用して CSS クラスを作成します。
<div id="header" class="cubecart-category cubecart-category-<?php print $catID; ?>">
これが出力された場合cubecart-category-5
、たとえば、CSS は次のようになります。
.cubecart-category {
height: 100px;
width: 980px;
...
background: none no-repeat scroll 0 0 transparent;
}
.cubecart-category-5 {
background-image: url(cat5.jgp);
}
.cubecart-category-6 {
background-image: url(cat6.jgp);
}
次に、クラスにデフォルトのイメージを配置して、cubecart-category
オーバーライドできるようにします。
これが一般的な答えであることは知っていますが、何か役に立ちますか?お知らせ下さい。