изменить src у нескольких img
Не могу ни выбрать раздел, ни сформулировать запрос для Гугла...
Направьте люди добрый на путь истинный. Есть несколько тегов img, нужно добавить к имени файла "w_" То есть было: <img src="folder/sample.jpg" alt="" width="159" height="96" /> надо сделать: <img src="folder/w_sample.jpg" alt="" width="159" height="96" /> Допустим на jQuery можно получить src: jQuery('div.container').find('img').attr('src')) но что с ним делать дальше пока не пойму... |
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
});
|
Цитата:
|
Цитата:
Только одно обстоятельство смущает... Каждый 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. Ковыряю дальше... |
Я победил.... Хотя ничего не понял.... Чисто лбом стену проломил (брутфорс)
var reg=/(subfolder\/)(.*jpg)/;
jQuery('div.fon img').each(function(){
var src=this.src.replace(reg,"$1w$2")
alert (src);
});
|
Цитата:
|
| Часовой пояс GMT +3, время: 17:33. |