нет судьбы
С нами с 27.03.03
Сообщения: 4427
Рейтинг: 4204
 
|
 Добавлено: 09/07/11 в 17:55 |
Не могу понять, почему такая конструкция обрабатывает только первое изображение документа. Как заставить произвести замену всех элементов с id="imagescr"?
| Код: |
<div class="epicont">
<div><img src="/images/360x202/2.jpg" id="imagescr"></div>
<div><img src="/images/360x202/3.jpg" id="imagescr"></div>
<div><img src="/images/360x202/4.jpg" id="imagescr"></div>
</div>
<div class="epicont">
<div><img src="/images/360x202/2.jpg" id="imagescr"></div>
<div class="epicont">
</div>
<div><img src="/images/360x202/3.jpg" id="imagescr"></div>
<div class="epicont">
</div>
<div><img src="/images/360x202/4.jpg" id="imagescr"></div>
</div>
<script type="text/javascript">
var newElement = document.getElementById('imagescr');
newElement.src = newElement.src.replace('360x202', '290x156');
var oldElement = document.getElementById('imagescr');
var parentDiv = oldElement.parentNode;
parentDiv.replaceChild(newElement, oldElement);
</script> |
|
|
|
|
| |
programmer
С нами с 08.12.02
Сообщения: 7611
Рейтинг: 5752
|
| Добавлено: 09/07/11 в 18:43 |
ну как бэ Id уникален
а class нет ..
|
|
|
|
| |
нет судьбы
С нами с 27.03.03
Сообщения: 4427
Рейтинг: 4204
|
| Добавлено: 09/07/11 в 19:02 |
Т.е. так?
| Код: |
<div class="epicont">
<div><img src="/images/360x202/2.jpg" class="imagescr"></div>
<div><img src="/images/360x202/3.jpg" class="imagescr"></div>
<div><img src="/images/360x202/4.jpg" class="imagescr"></div>
</div>
<div class="epicont">
<div><img src="/images/360x202/2.jpg" class="imagescr"></div>
<div class="epicont">
</div>
<div><img src="/images/360x202/3.jpg" class="imagescr"></div>
<div class="epicont">
</div>
<div><img src="/images/360x202/4.jpg" class="imagescr"></div>
</div>
<script type="text/javascript">
var newElement = document.getElementsByClassName('imagescr');
newElement.src = newElement.src.replace('360x202', '290x156');
var oldElement = document.getElementsByClassName('imagescr');
var parentDiv = oldElement.parentNode;
parentDiv.replaceChild(newElement, oldElement);
</script>
|
Так тоже не сработало..
|
|
|
|
| |
нет судьбы
С нами с 27.03.03
Сообщения: 4427
Рейтинг: 4204
|
| Добавлено: 09/07/11 в 20:26 |
Кто шарит в JS, можете помочь с кодом?
Задача в том, чтоб на лету заменить у img часть src.
|
|
|
|
| |
С нами с 31.05.10
Сообщения: 1991
Рейтинг: 487
|
| Добавлено: 09/07/11 в 21:16 |
писать зачем на чистом js? подойдет код на jQuery или возражения против него есть? (некоторые ну очень не любят подключения библиотеки аж в 60 кб весом)
|
|
|
|
| |
programmer
С нами с 08.12.02
Сообщения: 7611
Рейтинг: 5752
|
| Добавлено: 09/07/11 в 21:55 |
| Код: |
<script type="text/javascript">
$('.your_class').attr('src','newPath');
</script>
|
|
|
|
|
| |
нет судьбы
С нами с 27.03.03
Сообщения: 4427
Рейтинг: 4204
|
| Добавлено: 09/07/11 в 22:35 |
Я обожаю JQuery! Он как раз должен быть включен в этот документ.
Какой код будет на jQuery?
Sterx: не сработало.. Это jQuery?
|
|
|
|
| |
С нами с 06.03.03
Сообщения: 1650
Рейтинг: 1096
|
| Добавлено: 09/07/11 в 22:36 |
| Vyacheslav писал: |
Так тоже не сработало.. |
потому что document.getElementsByClassName возвращает массив элементов. надо пройтись по нему в цикле.
|
|
|
|
| |
С нами с 06.03.03
Сообщения: 1650
Рейтинг: 1096
|
| Добавлено: 09/07/11 в 22:39 |
| Код: | $('img.imagescr').each(function(){
$(this).attr('src', $(this).attr('src').replace('360x202', '290x156'));
}) |
|
|
|
|
| |
нет судьбы
С нами с 27.03.03
Сообщения: 4427
Рейтинг: 4204
|
| Добавлено: 09/07/11 в 22:49 |
Сенкс!
|
|
|
|
| |
нет судьбы
С нами с 27.03.03
Сообщения: 4427
Рейтинг: 4204
|
| Добавлено: 09/07/11 в 22:53 |
Только ещё маленький вопросик!
Как такие функции находить в документации JQuery?
|
|
|
|
| |
С нами с 06.03.03
Сообщения: 1650
Рейтинг: 1096
|
| Добавлено: 09/07/11 в 23:10 |
а в чем проблема? там же по категориям все разбито. а что не получается найти - гуглится через "jquery сделать что-то там"
|
|
|
|
| |
С нами с 05.05.05
Сообщения: 1913
Рейтинг: 1134
|
| Добавлено: 10/07/11 в 03:14 |
|
|
|
|
| |
Текстовая реклама в форме ответа
Заголовок и до четырех строчек текста
Длина текста до 350 символов
Купить рекламу в этом месте! |
