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

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");
});



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



Спасибо за внимание.
Задавайте свои вопросы в комментариях.
Случайные уроки по этой теме:
Возможности WebGL. 3D в браузере. Библиотека Three.js
Расположение элемента JS
javascript void 0
Обработчики событий. onClick, onMouseMove
Условные операторы в JavaScript
Для написания комментария
войдите или зарегистрируйтесь