Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #11 (permalink)  
Старый 06.09.2017, 10:03
Аватар для j0hnik
Профессор
Отправить личное сообщение для j0hnik Посмотреть профиль Найти все сообщения от j0hnik
 
Регистрация: 01.12.2016
Сообщений: 3,650

Сообщение от Nexus Посмотреть сообщение
ksa, а что будет, если у изображения будет не относительный, а абсолютный путь изначально?
Печальный код, если честно.
<img src="/files/one.jpg">
<img src="/files/two.jpg">
<img src="/files/three.jpg">
<script type='text/javascript'>
[].forEach.call(document.querySelectorAll('img:not([src^="http://mysite"]'), function(el){
    el.src = 'http://mysite'+el.getAttribute('src');
    alert(el.src);
});
</script>


дополнить на всякий случай
Ответить с цитированием
  #12 (permalink)  
Старый 06.09.2017, 10:30
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,227

Сообщение от Nexus
а что будет, если у изображения будет не относительный, а абсолютный путь изначально?
Тогда к тому пути добавится твое "начало"...

Вот кагбэ универсальный вариант...

<img src="/files/one.jpg">
<img src="/files/two.jpg">
<img src="/files/three.jpg">
<img src="http://url/files/test.jpg">
<script type='text/javascript'>
[].forEach.call(document.querySelectorAll('img'), function(el){
	var val=el.getAttribute('src');
	if (/^\//.test(val)) {
		el.src = 'http://mysite'+val;
		alert(el.src);
	}
});
</script>
Ответить с цитированием
  #13 (permalink)  
Старый 06.09.2017, 10:46
Профессор
Отправить личное сообщение для espltd Посмотреть профиль Найти все сообщения от espltd
 
Регистрация: 10.10.2012
Сообщений: 201

Ksa, подскажите пожалуйста, как мне сделать, чтобы у меня не ко всем картинкам на данной странице проставлялся префикс, а только к тем, которые находятся в конкретном div-е.

Я попытался так, но это не работает.
<script type="text/javascript">
$(document).ready(function() {

    [].forEach.call(document.querySelectorAll('img', "div#blockNews"), function(el){
        el.src = 'http://m.suzuki.saturn-r.ru'+el.getAttribute('src');
    });
        
});
</script>







Сообщение от ksa Посмотреть сообщение
Тогда к тому пути добавится твое "начало"...

Вот кагбэ универсальный вариант...

<img src="/files/one.jpg">
<img src="/files/two.jpg">
<img src="/files/three.jpg">
<img src="http://url/files/test.jpg">
<script type='text/javascript'>
[].forEach.call(document.querySelectorAll('img'), function(el){
	var val=el.getAttribute('src');
	if (/^\//.test(val)) {
		el.src = 'http://mysite'+val;
		alert(el.src);
	}
});
</script>
Ответить с цитированием
  #14 (permalink)  
Старый 06.09.2017, 10:55
Профессор
Отправить личное сообщение для Nexus Посмотреть профиль Найти все сообщения от Nexus
 
Регистрация: 04.12.2012
Сообщений: 3,795

espltd,
<img src="/files/one.jpg">
<div id="blockNews">
<img src="/files/two.jpg">
<img src="/files/three.jpg">
<img src="http://url/files/test.jpg">
</div>
<script type='text/javascript'>
//© ksa
[].forEach.call(document.querySelectorAll('#blockNews img'), function(el){
	var val=el.getAttribute('src');
	if (/^\//.test(val)) {
		el.src = 'http://mysite'+val;
		alert(el.src);
	}
});
</script>

Последний раз редактировалось Nexus, 06.09.2017 в 10:58.
Ответить с цитированием
  #15 (permalink)  
Старый 06.09.2017, 11:05
Профессор
Отправить личное сообщение для espltd Посмотреть профиль Найти все сообщения от espltd
 
Регистрация: 10.10.2012
Сообщений: 201

Спасибо Вам всем огромное. Выручили)
Ответить с цитированием
  #16 (permalink)  
Старый 06.09.2017, 11:27
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,227

Сообщение от espltd
'img', "div#blockNews"
Это не селектор.

Вот селектор
'#blockNews img'
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Смена картинки при нажатии на маленькие картинки comb Элементы интерфейса 4 23.03.2015 01:08
Очистка памяти, отмена загрузки картинки, отмена события. zhurchik Общие вопросы Javascript 16 23.10.2014 13:48
Идентифицировать картинки MellDixX Общие вопросы Javascript 8 04.08.2013 18:16
Ускоренное движение картинки Deedle Элементы интерфейса 4 18.05.2012 16:49
Как изменить размер картинки? Mihail Общие вопросы Javascript 1 25.10.2009 13:42