изменение источника изображения с помощью javascript

Итак, я новичок в javascript и нашел это, чтобы решить мою проблему:

Изменить источник изображения с помощью javascript

Но пример у меня не работает.

<script type="text/javascript">
  function changeImage(a) {
    document.getElementById("img1").src=a;
  }
</script>

И

<table align=left width="896px" class="tableCategories">
  <tr class="trCategories">
    <td class="tdCategories">
      <img id="img1" src="./icon/menu/Essen3.png" onclick='changeImage(Shopping3.png);'/>
    </td>
  </tr>
</table>

Поэтому, если я нажму на изображение, оно не изменится. Путь к изображениям правильный. Что я делаю не так?


javascript image src
person Kingalione    schedule 23.03.2013    source источник
comment
добавить двойные кавычки вокруг Shopping3.png   -  person TheBrain    schedule 23.03.2013
comment
изменить на onclick='changeImage(Shopping3.png);   -  person Tamil Selvan C    schedule 23.03.2013
comment
Поместите кавычки вокруг имени файла, когда вы вызываете свою функцию...   -  person abellina    schedule 23.03.2013

Ответы (2)


arrow_upward
5
arrow_downward

Сдача

<img id="img1" src="./icon/menu/Essen3.png" onclick='changeImage(Shopping3.png);'/>

To

<img id="img1" src="./icon/menu/Essen3.png" onclick='changeImage("./icon/menu/Shopping3.png");'/>

Лучшая функция javascript может быть повторно использована. Попробуй это:

function changeImage(obj,img) {
  obj.src = img;
}

и следующий HTML-код:

<img id="img1" src="./icon/menu/Essen3.png" onclick='changeImage(this,"./icon/menu/Shopping3.png");'/>
person Chris White    schedule 23.03.2013

arrow_upward
2
arrow_downward

Вам нужно передать Shopping3.png в виде строки.

<img id="img1" src="./icon/menu/Essen3.png" onclick="changeImage('Shopping3.png');"/>
person ryan    schedule 23.03.2013