ドロップダウン メニューから選択したオプションに基づいてページ上の画像を変更するスクリプトに問題があります。1つの画像を変更するドロップダウンが1つあるときに機能させることができます。しかし、1 つのドロップダウン メニューから 2 つの画像を置き換えることができるようにコードを拡張しようとしていますが、コードの何が問題なのかよくわかりません。
<script>
window.onload=function()
{
bp='http://www.nessasneedles.co.uk/images/layout/shop/samples/fabric/', //base url of your images
imgnum=4, //Number of your images. This should match on your comboboxes options.
thumb1=document.getElementById('outer_example'), //id of your outer image that will be changing. The outer of the bag
thumb2=document.getElementById('lining_example'), //id of the image using in the if clause for second image
combobox1=document.getElementById('outer_option'), // id of your combobox. The select box for the outer design.
combobox1.onchange=function()
{
thumb1.src=bp+'img'+this.value+'.jpg';
if (this.value = "Cats") {
thumb2.src=bp+'img'+"Purple Gingham"+'.jpg';
} else {
thumb2.src=bp+'img'+"Pink"+'.jpg';
};
};
}