ASPX с использованием HTML и JavaScript, не меняя изображения в HTML и JAVAScript кодирования

0

У меня есть веб-сайт, очень простая одна страница, которая использует главную страницу и одну веб-страницу. Это делается в aspx, но я хочу сделать свое кодирование в html, чтобы соблюдать стандарты Markup Validation Service.

Итак, на моей странице у меня есть основной образ:

<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>

Теперь у меня есть этот код для 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

Теги:
image
master-pages

1 ответ

0
Лучший ответ

Вы проверяли ошибки javascript или отлаживали выполнение javascript, чтобы вы знали, что скрипт работает?

Вы используете jQuery?

* Изменить - добавить предупреждение() * Изменить

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? изменен ли атрибут src тега img?

Поделиться
  • 0
    Как мне это сделать? используя MS Visual Studio 2012, если это помогает
  • 0
    если вы используете firefox, скачайте firebug (расширение), затем просмотрите этот учебник -> developerfusion.com/article/139949/… Вы также можете добавить предупреждение ('1'); так что вы можете видеть, что JavaScript выполняется. Смотрите отредактированный пост для деталей.
Показать ещё 2 комментария

Ещё вопросы

Сообщество Overcoder
Наверх
Меню