Кнопка HTML Изменить источник изображения - PullRequest
Новая
       4

Кнопка HTML Изменить источник изображения

0 голосов
/ 09 января 2012

Хорошо, мне было интересно, возможно ли это. Я хочу изображение и совершенно отдельную кнопку. Когда кнопка нажата, я бы хотел, чтобы Img Src сменил «images / test» на «images / test2»

Возможно ли это?

Скажем так, у меня очень простой сайт, только с изображением и кнопкой 

 <html> 
<head>...
</head>
<body>
<img src="images/test"/>
<br/><br/><br/>
<button>Click to change image!</button>
</body>
</html>

Как я могу изменить этот очень простой HTML, чтобы делать то, что я хочу?

1 Ответ

1 голос
/ 09 января 2012

Во-первых, ваш тег img не закрыт в вашем коде.Во-вторых, вы можете изменить изображение src по нажатию кнопки, используя простой javascript или jQuery.

<html> 
<head> 
<script> 

function changeImage()
{
var img = document.getElementById("image");
img.src="images/test2";
return false;
}

</script>

</head>
<body>
<img id="image" src="images/test" />
<br><br><br>
<button id="clickme" onclick="changeImage();">Click to change image!</button>
</body>
</html>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...