Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Поменять изображение (https://javascript.ru/forum/dom-window/61509-pomenyat-izobrazhenie.html)

megoloman 21.02.2016 17:33

Поменять изображение
 
Здравствуйте! Помогите пожалуйста поменять изображение этой картинки
<img src="logo.jpg" id="logo"/>

на обычном JS и на jQuery

Salvat 22.02.2016 05:15

<html>
<head>
<script type="text/javascript">
  function setBigImage(foto) {
    document.getElementById("bigimg").src = foto.src;
  }
</script>
</head>
<body>
<div>
  <p style = 'text-align: center;'>
    <img id = 'bigimg'  src = '1.jpg' height = '150' alt = 'Главное изображение' />
  </p>
  <table style = 'margin: 0 auto;' border = '1'>
    <tr>
      <td>
        <img src = '1.jpg' width = '100' onclick = 'setBigImage(this)' alt = 'Изображение 1' />
      </td>
      <td>
        <img src = '2.jpg' width = '100' onclick = 'setBigImage(this)' alt = 'Изображение 2' />
      </td>
      <td>
        <img src = '3.jpg' width = '100' onclick = 'setBigImage(this)' alt = 'Изображение 3' />
      </td>
    </tr>
    <tr>
      <td>
        <img src = '4.jpg' width = '100' onclick = 'setBigImage(this)' alt = 'Изображение 4' />
      </td>
      <td>
        <img src = '5.jpg' width = '100' onclick = 'setBigImage(this)' alt = 'Изображение 5' />
      </td>
      <td>
        <img src = '6.jpg' width = '100' onclick = 'setBigImage(this)' alt = 'Изображение 6' />
      </td>
    </tr>
  </table>
</div>
</body>
</html>

megoloman 23.02.2016 15:39

Спасибо!


Часовой пояс GMT +3, время: 22:04.