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

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

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

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

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

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

источник

2012-01-09 user802609

использование фона в CSS и парить эффект или событие яваскрипта – Abudayah

Во-первых, ваш твой код 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>

источник

2012-01-09 04:42:23 Murtaza

вот JQuery цветопередача: http://jsfiddle.net/teHwE/ – peteorpeter

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

ответ

Смежные вопросы