Translate

Поиск по этому блогу

понедельник, 8 августа 2016 г.

Переключение картинок javascript

Делаем смену картинки по клику на кнопку.

Для этого нам нужен такой html код.
<h1>Что может делать JavaScript?</h1>
<p>Можем изменить картинку по клику на кнопку..</p>
<p>В этом случае JavaScript изменит атрибут
SRC (источника) изображения.</p>
<button onclick="document.getElementById('myImage')
.src='pic_bulbon.gif'">Turn on the light</button>
<img id="myImage" src="pic_bulboff.gif" style="width:100px">
<button onclick="document.getElementById('myImage')
.src='pic_bulboff.gif'">Turn off the light</button>

Здесь вы можете посмотреть как можно изменять картинки при наведении курсора с помощью только css!

Что может делать JavaScript?

Можем изменить картинку по клику на кнопку..

В этом случае JavaScript изменит атрибут
SRC (источника) изображения.

 
at
Labels:

1 комментарий:

  1. Вячеслав8 февраля 2021 г. в 22:08

    А как сделать чтобы только одной кнопкой изменять картинку?

    ОтветитьУдалить



Хотите освоить самые современные методы написания React приложений? Надоели простые проекты? Нужны курсы, книги, руководства, индивидуальные занятия по React и не только? Хотите стать разработчиком полного цикла, освоить стек MERN, или вы только начинаете свой путь в программировании, и не знаете с чего начать, то пишите через форму связи, подписывайтесь на мой канал в Телеге, вступайте в группу на Facebook.Пишите мне - kolesnikovy70 почта gmail.com