javascript - 画像の配列を表示しながら画像ボタンを非表示/表示する

Question

助けてください！私はこれを何日もクラックしてきましたが、役に立ちません.. :(次のシナリオでは、前へ/次へのボタンを非表示/表示することはできません..

私は3つの画像配列を持っています。個々の画像は、[前へ] / [次へ] ボタンを使用して表示されます。シナリオは次のとおりです。

• P1 画像が表示されます: 前のボタンを非表示、次のボタンを表示

• P2 画像が表示されます: 前と次のボタンを表示

• P3 画像が表示されます: 次のボタンを非表示、前のボタンを表示

私のコードは次のとおりです。

Javascript:

var myPix = new Array()

myPix[0] = 'P1.jpg'
myPix[1] = 'P2.jpg'
myPix[2] = 'P3.jpg'

var thisPic = 0

function doPrevious() {
    if (document.images && thisPic > 0) {
        thisPic--
        document.myPicture.src=myPix[thisPic]
    }
}

function doNext() {
    if (document.images && thisPic < 2) {
        thisPic++
        document.myPicture.src=myPix[thisPic]
    }
}

---

HTML コード:

前へ/次へのボタンはこちら:

<td height="47" align="right">
    <a href="javascript:doPrevious()" title="Previous">
        <img src="PrevBtn.jpg" width="120" height="35" border="0" />
    </a>
    <a href="javascript:doNext()" title="Next">
        <img src="NextBtn.jpg" width="120" height="35" border="0" />
    </a>
</td>

ここに示す画像：

<table border="0" align="center" cellpadding="0" cellspacing="0" id="Table_01">
    <tr>
        <td>
            <img id="pic" name="myPicture" src="P1.jpg" />
        </td>
    </tr>
</table>