使用html和javascript的aspx不會更改html和javascript編碼中的圖像

Question

我有一個網站，非常簡單的一個頁面使用一個母版頁和一個網頁。 這是在aspx中完成的，但是我想在HTML中進行編碼，以遵守標記驗證服務的標准。

因此，在我的頁面上，我有一個主圖像：

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">

    <img id="imgM" alt="Main Image" runat="server" src="~/images/main-images/01.JPG"/>

我有10個圖像按鈕。 我將列出前3個

<table style="padding: 0 38px">
        <tr>
            <td>
                <input type="image" id="ith1" src="images/thumb-images/01.JPG" alt="01" onclick="changePic(1)" />
            </td>
            <td>
                <input type="image" id="ith2" src="images/thumb-images/02.JPG" alt="02"  onclick="changePic(2)" />
            </td>
            <td>
                <input type="image" id="ith3" src="images/thumb-images/03.JPG" alt="03"  onclick="changePic(3)" />
            </td>

現在，我的內容占位符為head，具有用於Java腳本的此代碼

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <script type="text/javascript">
        function changePic(num) {
            switch (num) {
                case 1:
                    mypic = "/images/main_images/01.jpg";
                    break;
                case 2:
                    mypic = "/images/main_images/02.jpg";
                    break;
                case 3:
                    mypic = "/images/main_images/03.jpg";
                    break;
                case 5:
                    mypic = "/images/main_images/05.jpg";
                    break;
            }
            document.getElementById("imgM").src = mypic;
        }
    </script>
</asp:Content>

通過查看更改圖片的示例，我了解了這一點。 我注意到的是，如果沒有runat="server"我的主映像將不會顯示。 但是，請盡我所能，單擊圖像按鈕后就無法更改圖像。 我在這里做錯了什么？ 是因為這是母版頁還是內容頁？ 還是我只是編碼錯誤？ 我可以通過.cs頁面輕松完成此操作。 只是我還必須了解WS3驗證程序以及如何在html中創建我的網站

Answer 1

您是否檢查了任何JavaScript錯誤或調試了javascript執行程序，以便知道腳本正在運行？

您使用jQuery嗎？

* 編輯-添加alert（）*更改

case 1:
    mypic = "/images/main_images/01.jpg";
    break;

至

case 1:
  alert('1');
  mypic = "/images/main_images/01.jpg";
  break;

如果運行了javascript，則每當嘗試將其更改為img 1時，都會顯示一個警告框。

--------編輯2 ---------------

我寫了一個可行的小例子：

<img id="imgM" runat="server" src="~/Images/accent.png"/>
    <input type="image" id="ith1" src="~/Images/bullet.png" alt="01" onclick="changePic(1)" />
    <script type="text/javascript">
        function changePic(num) {
            var mypic = "";
            switch (num) {
            case 1:
                mypic = "/Images/heroAccent.png";
                alert(mypic);
                break;
            }
            document.getElementById("imgM").src = mypic;
        }

    </script>

你使用jQuery嗎？ img標簽的src屬性是否被更改？