Префик в пути картинки
Бодрого всем дня. Ребят, подскажите пожалуйста, на сайте выводятся несколько картинок.
<img src="/files/one.jpg"> <img src="/files/two.jpg"> <img src="/files/three.jpg"> Как яваскриптом в путь картинок добавить префикс http://mysite/ чтобы на выходе получить: <img src="http://mysite/files/one.jpg"> <img src="http://mysite/files/two.jpg"> <img src="http://mysite/files/three.jpg"> |
Цитата:
http://htmlbook.ru/samhtml5/metadann...a/element-base |
Цитата:
|
Как я и говорил, данный способ не подошел, все дело в том, что мне надо на одной конкретной странице сайта подгрузить фотки с другого сайта, а все остальные страницы с картинками должны браться из главной копии сайта. А получается, что base меняет полностью путь ко всему, и к картинкам и к ссылкам. Мне нужно лишь на одной странице данный функционал предусмотреть, чтобы с другого сайта картинки взять. Как яваскриптом в начало пути картинки добавить http://mysite.ru/ ? Подскажите пожалуйста, очень нужно
|
[].forEach.call(document.querySelectorAll('img:not([src^="http://mysite"]'), function(el){
el.src = 'http://mysite'+el.src;
});
не факт что будет работать, но попробуйте |
К сожалению, так не хочет работать((( Блллллл----иииии---ннн. Что же делать. Надо очень
|
для одной конкретной страницы вы можете вручную переписать ссылки или авто заменой в реакторе и не парится.
|
Цитата:
Поскольку при чтении значения свойства там будет не только значение атрибута но и таки путь. Цитата:
<img src="/files/one.jpg">
<img src="/files/two.jpg">
<img src="/files/three.jpg">
<script type='text/javascript'>
[].forEach.call(document.querySelectorAll('img'), function(el){
el.src = 'http://mysite'+el.getAttribute('src');
alert(el.src);
});
</script>
|
Ребята, спасибо Вам огромное, все робит.. Сам бы не догадался.. Спасибо!!!!
|
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>
дополнить на всякий случай |
Цитата:
Вот кагбэ универсальный вариант...
<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>
|
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>
Цитата:
|
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>
|
Спасибо Вам всем огромное. Выручили)
|
Цитата:
Вот селектор '#blockNews img' |
| Часовой пояс GMT +3, время: 09:15. |