Логин :
Пароль :
Зарегистрироваться
Закрыть
Вход / Регистрация
По дате добавления
По сложности

Javascript как изменить src (путь) изображения

Аватар новости
Src позволяет задать элементу путь к контенту.

Самый простой способ его изменить (без jQuery), это указать явно:


<img id='myImage' src='/1.png' />
<script>
var img=document.getElementById("myImage");
img.src="/2.png";
</script>




Сразу для нескольких элементов:

<img id='myImage1' src='/1.png' />
<img id='myImage2' src='/1.png' />
<img id='myImage3' src='/1.png' />
<script>
var imgs=["myImage1","myImage2","myImage3"];
document.body.onload=function(){
imgs.forEach(function(element){
document.getElementById(element).src="/1.png'';
});
}
</script>




С помощью

jQuery



$(".myImgages").attr("src", "/1.png");



С помощью

jQuery

при наведении

<img class='myImages' src="/2.png"/>
$(".myImages").on("mouseover", function(){
$(this).attr("src", "/1.png");
});



Пример (наведи на изображение):



Спасибо за внимание.
Задавайте свои вопросы в комментариях.
Случайные уроки по этой теме:
Таймер. setTimeout и setInterval
Canvas с нуля. Аналоговые часы на JS
Пишем свой калькулятор на JS
Рисование и вращение изображения в Canvas
jQuery. Функции animate, show, hide
Для написания комментария
войдите или зарегистрируйтесь