Блог

Главная - Вопросы по программированию - Изменение HTML-изображения, функция, похоже, не вызывается

Изменение HTML-изображения, функция, похоже, не вызывается

#javascript #jquery #html

#javascript #jquery #HTML

Вопрос:

Я пытаюсь добавить источник к изображению с помощью Javascript и некоторого кода jQuery, который я нашел в Интернете, но, похоже, он не работает:

 <html>
<head>
    <script src = "http://www.example.com/images/">
        var count=1;
        var initnumber=100;
        function changeImage(){
            count  ;
            $("#HTMLPhoto").attr('src' ((initnumber count).toString) ".jpg");
        }   
    </script>
</head>
<body onload="changeImage()" >
    <img id="HTMLPhoto"/>
    <button onclick="changeImage()">Next Image</button>
</body>

Я также пытаюсь еще раз вызвать changeImage() функцию нажатием кнопки.

Редактировать: удалось заставить это работать, я немного изменил код, если кто-нибудь хочет посмотреть:

 <html>
<head>
    <script>
        var count=1;
        function nextImage(address){
            count  ;
            image = document.getElementById('HTMLPhoto');
            image.src ="http://www.example.com/images/" (address count) ".jpg";
        }   
    </script>
</head>
<body>
    <img id="HTMLPhoto"/>
    <button onclick="nextImage(100)">Next Image</button>
</body>

Комментарии:

1. Что заставляет вас думать, что функция не вызывается? Можете ли вы установить точку останова в начале функции? Вы видите ошибки в консоли?

2. Я добавил тег jQuery к вашему вопросу. Если это неправильно, пожалуйста, удалите его.

Ответ №1:

Изменить:

 $("#HTMLPhoto").attr('src' ((initnumber count).toString()) ".jpg");

Для:

 $("#HTMLPhoto").attr('src', ((initnumber count).toString()) ".jpg");

Комментарии:

1. не забывайте, что toString это функция. необходимо вызвать .toString()

2. Также не забудьте включить jQuery, так как OP, похоже, этого не делает.

Метки: , , ,