Как изменить src через js

как поменять картинку js

Для того, чтобы поменять картинку нужно изменить атрибут src у элемента на новый путь к картинке.

 id="myImg" src="old-image.jpg" alt="Old Image">  onclick="changeImage()">Change Image function changeImage()  const myImg = document.getElementById('myImg'); myImg.src = 'new-image.jpg'; > /scirpt> 

В результате выполнения кода выше, картинка на странице будет заменена на новую.

Изменить атрибут src тега img

var test = $(‘img’).attr(‘src’).replace(‘www.example.ru/’, ‘/’); $(‘img’).attr(‘src’, test); Сделал так, отработало, однако все картинки стали одинаковыми. Можно ли как нибудь доработать этот код?

26 июн 2016 в 10:08

через id используя jquery я могу сделать, но как поменять сразу у всех сооброжалки не хватает.

можно добавить класс «classname123» у каждого такого элемента и тогда

var a=document.getElementsByTagName("img"); for(i=0;i > 

Отслеживать
ответ дан 26 июн 2016 в 8:49
442 4 4 серебряных знака 15 15 бронзовых знаков

У всех тегов в документе поменять в атрибуте src подстроку можно примерно так:

Array .prototype .forEach // спасибо @Grundy .call( document.getElementsByTagName('img'), function(e) < e.src = e.src.replace(/(https?:\/\/)?www.example.ru\/?/ig, ''); >) ;

В вашем вопросе код для замены находится внутри тега textarea , что делает весь этот html просто-текстом. Тогда менять нужно регуляркой, включающей в себя src= , и, опционально, проверкой, что строка «src» находится внутри «тега» . Без лишних проверок:

var el = document.getElementById("content"); el.innerHTML = el .innerHTML .replace(/(src="https://ru.stackoverflow.com/questions/538654/)www.example.ru/ig,"$1") ;

Курсы javascript

Не могу ни выбрать раздел, ни сформулировать запрос для Гугла.
Направьте люди добрый на путь истинный.
Есть несколько тегов img, нужно добавить к имени файла «w_»
То есть было:

надо сделать:

Допустим на jQuery можно получить src:
jQuery(‘div.container’).find(‘img’).attr(‘src’))

но что с ним делать дальше пока не пойму.

16.08.2009, 20:45
Регистрация: 10.07.2008
Сообщений: 3,873

var images = jQuery("div.container img"); images.get(0).src = "новый адрес 1-го изображения"; images.get(1).src = "новый адрес 2-го изображения"; … images.get(n).src = "новый адрес n-го изображения";

images.get(0).attr("src", "новый адрес 1-го изображения");

не помню что точно возвращает get

Если действия однотипные, то можно пройтись по всем элементам следующим образом:

jQuery("div.container img").each(function() < // в this.src будет полный путь, поэтому нужно выполнять замену подстроки this.src = новый адрес; // или this.attr("src", "новый адрес"); тоже точно не помню, на что ссылается this >);

Последний раз редактировалось Octane, 16.08.2009 в 20:49 .
16.08.2009, 20:50
Регистрация: 04.04.2008
Сообщений: 6,245
как и любой метод jQuery — объект jQuery
16.08.2009, 20:57
Интересующийся
Регистрация: 30.06.2009
Сообщений: 23

jQuery("div.container img").each(function() < // в this.src будет полный путь, поэтому нужно выполнять замену подстроки this.src = новый адрес; // или this.attr("src", "новый адрес"); тоже точно не помню, на что ссылается this >);

Ага.. про each забыл.
Только одно обстоятельство смущает. Каждый img внутри своего дива, ну да ладно найду я их.
Пойду изучать .replace

Add:
Пока не очень успешно.
Итак this.src возвращает полный путь к картинке «http://server/folder/subfolder/sample.jpg»

var reg=/(.*folder\/subfodler\/)(.*jpg)/; //имея ввиду: любые элементы до folder/subfolder/ (включая folder/subfolder/) Затем лбые симолы с окончанием на jpg jQuery('div.fon img').each(function()< var src=this.src.replace(reg, $1) alert (src); >);

и в итоге $1 выводит null, а $2 is not defined.
Ковыряю дальше.

Как изменить источник изображения с помощью jQuery

Вы можете использовать метод attr() для изменения источника изображения (то есть атрибута src тега ) в jQuery. В следующем примере изменяется src изображения при нажатии на изображение.

     .card     
 
  

Читайте также

Похожие примеры:

• Как получить текущий размер изображения (ширину и высоту) в JavaScript
• Как получить исходный размер изображения (ширину и высоту) в JavaScript
• How to increase and decrease image size using JavaScript

Насколько публикация полезна?

Нажмите на звезду, чтобы оценить!

Средняя оценка 5 / 5. Количество оценок: 1

Оценок пока нет. Поставьте оценку первым.

Похожие посты

• 24 декабря, 2019
• 1729

Как обновить страницу с помощью jQuery

Вы можете просто использовать JavaScript-метод location.reload() для обновления или перезагрузки страницы. Этот метод дополнительно принимает логический параметр true или false. Если указан параметр true, это вызывает постоянную перезагрузку страницы с сервера. Но, если установлен false (по умолчанию) или не указан, браузер может перезагрузить страницу из своего кеша. Давайте посмотрим на пример, чтобы понять, как работает…

• 21 декабря, 2019
• 5137

Как изменить CSS-свойство display на none или block с помощью jQuery

Вы можете использовать jQuery-метод css(), чтобы изменить значение свойства CSS display на none, block или любое другое значение. Метод css() применяет правила стиля непосредственно к элементам, то есть к встроенным. Следующий пример изменит отображение элемента DIV при нажатии кнопки: В качестве альтернативы, если вы беспокоитесь о начальном значении свойства display элемента, но хотите переключаться между…

• 15 декабря, 2019
• 345

Как отображать и скрывать элементы div на основе раскрывающегося списка в jQuery

В следующем примере показано, как отображать и скрывать элементы