だから私は大学の町にある友愛/ソロリティストアの手紙の生地と背景のギャラリーを作っています。私が何を話しているのかわからない場合は、これは布の手紙です。輪郭が白（背景）で、内側が赤（前景）になっていることがわかります。さて、似たような画像をクリックするだけで、前景と背景の両方を変更できるようにしたいと思います。
これは私が今まで持っているものです
<script type="text/javascript">// <![CDATA[
function changeImage(filename)
{
document.mainimage.src = filename;
}// ]]></script>
生地ごとにこれらを使用：
<a href="javascript:changeImage('/wp-content/themes/collegiateconnectionbg/images/fabrics/foregrounds/37.jpg')">
<img src="/wp-content/themes/collegiateconnectionbg/images/fabrics/foregrounds/37.jpg"
alt="" width="100px" height="50px" /></a>
私はこれがどのように機能するかを本当に気に入っていますが、それは1つのレイヤーにのみ適しています。とにかくその下にレイヤーを追加できますが、それでもページの上部に表示されますか？両方のオプションにフォトショップと透明度を使用する必要があることはわかっていますが、問題はありませんが、600以上の画像の作成を開始する前に、これができることを確認したかったのです。
z-indexとcssで遊ぶことができることは知っていますが、ワードプレスを使用しているため、ここで読んだ1つの例が機能しなかったか、完全に理解できず、ページ全体が台無しになりました。
また、現在のコードが機能していることを確認するためのテスターのWebページもあります。（海軍と白の星の画像をクリックすると、非常に大まかな仮の「A」が表示されます）
前もって感謝します！