С Новым годом! Форум программистов, компьютерный форум, киберфорум
JavaScript
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.57/7: Рейтинг темы: голосов - 7, средняя оценка - 4.57
 Аватар для Dj_SheLL
180 / 85 / 10
Регистрация: 13.02.2010
Сообщений: 318

Преобразовать IMG (без id и class) в DIV

05.06.2012, 19:42. Показов 1542. Ответов 3
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<div class="product">
  <!--IMG1-->
  <a href="http://site.net/_pu/0/02900145.jpg" target="_blank" title="Нажмите, для просмотра в полном размере...">
    <img alt="" style="margin:0;padding:0;border:0;" src="http://site.net/_pu/0/s02900145.jpg" align="">
  </a>
  <!--IMG1-->
  <div class="informations">
    <a class="silka" href="http://site.net/publ/1-1-0-39">
      <h4>ИК Спортивный городок 1</h4>
    </a>
    <br>
    <p>Дата публикации: 21:11 | 04.06.2012.</p>
  </div>
</div>
Есть вот такие куски коды в странице, они генерируются, т.е. ссылка изображения неизвестна заранее.

Вопрос - каким образом можно преобразовать строку
HTML5
1
<img alt="" style="margin:0;padding:0;border:0;" src="http://site.net/_pu/0/s02900145.jpg" align="">
в следующую строку
HTML5
1
<div id="image-wrap" class="fix-this photo" style="background-image:url(http://site.net/_pu/0/s02900145.jpg);"/>
просто в странице есть и другие элементы img, не относящиеся к этому блоку, а то так бы я прошёлся бы циклом по всем img.
Не знаю как обойти все img строго в div-е класса "product".

Буду благодарен за любые ссылки и советы! Не знаю куда "копать".
0
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
05.06.2012, 19:42
Ответы с готовыми решениями:

безразмерное все, в блоках div img-relative, надо поставить в одну точку второй img как подложку
безразмерное все, в блоках div img-relative, надо поставить в одну точку второй img как подложку. размеров нет вообще только проценты от...

Нужно составить регулярное выражение для поиска <div class="market_row_name"> и <div class="market_row_price">
Заранее спасибо!

Fatal Error: class IMG not found in..
Выдает вот это Фатальная ошибка : 'IMG' Класс не найден. В ооп новый человек, что не так? $img = new img('1.jpg'); // Уменьшит фото...

3
Эксперт JSЭксперт HTML/CSS
2436 / 1115 / 312
Регистрация: 23.06.2011
Сообщений: 3,529
05.06.2012, 20:57
Цитата Сообщение от Dj_SheLL Посмотреть сообщение
Не знаю как обойти все img строго в div-е класса "product".
JavaScript
1
2
3
4
5
var obj=document.getElementsByTagName("img");
var k=obj.length;
var mass=[];
while(k--){obj[k].className=="product"){mass.push(obj[k]);}};
alert(mass);
1
 Аватар для Dj_SheLL
180 / 85 / 10
Регистрация: 13.02.2010
Сообщений: 318
05.06.2012, 21:46  [ТС]
newJS, спасибо, идею понял! Сейчас попробую!
0
Эксперт JSЭксперт HTML/CSS
2436 / 1115 / 312
Регистрация: 23.06.2011
Сообщений: 3,529
16.06.2012, 20:47
Цитата Сообщение от Dj_SheLL Посмотреть сообщение
Не знаю как обойти все img строго в div-е класса "product"
Думаю есть смысл просмотреть эту тему, там тоже поиск по классу.
1
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
16.06.2012, 20:47
Помогаю со студенческими работами здесь

Добавить class всем img с опред. title
Пробовал так $(title=&quot;Удалить&quot;).addClass('d1'); и так $(img title=&quot;Удалить&quot;).addClass('d1'); не срабатывает:( Что не так я...

Div на img
Доброго времени суток, не могу справится с задачей. Нужно div поместить на img, а вернее чтоб отсчет координат блока шел от левого верхнего...

Центровка img в div'e
Доброго времени суток всем! вторую сутку мучаюсь с таким вопросом как отцентровать img в div'e (см. вложение) чтобы пропрорции...

IMG внутри DIV
Добрый день всем! Никак не могу понять, почему вижу такую картинку div с изображением. Нужно, чтобы картинки были внутри divа с border. ...

Непонятный отступ img в div
Здравствуйте уважаемые Форумчане. для начала покажу код: &lt;style&gt;#brands-section .brand-item{ width: 100%; } #brands-section...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
4
Ответ Создать тему
Новые блоги и статьи
сукцессия микоризы: основная теория в виде двух уравнений.
anaschu 11.01.2026
https:/ / rutube. ru/ video/ 7a537f578d808e67a3c6fd818a44a5c4/
WordPad для Windows 11
Jel 10.01.2026
WordPad для Windows 11 — это приложение, которое восстанавливает классический текстовый редактор WordPad в операционной системе Windows 11. После того как Microsoft исключила WordPad из. . .
Classic Notepad for Windows 11
Jel 10.01.2026
Old Classic Notepad for Windows 11 Приложение для Windows 11, позволяющее пользователям вернуть классическую версию текстового редактора «Блокнот» из Windows 10. Программа предоставляет более. . .
Почему дизайн решает?
Neotwalker 09.01.2026
В современном мире, где конкуренция за внимание потребителя достигла пика, дизайн становится мощным инструментом для успеха бренда. Это не просто красивый внешний вид продукта или сайта — это. . .
Модель микоризы: классовый агентный подход 3
anaschu 06.01.2026
aa0a7f55b50dd51c5ec569d2d10c54f6/ O1rJuneU_ls https:/ / vkvideo. ru/ video-115721503_456239114
Owen Logic: О недопустимости использования связки «аналоговый ПИД» + RegKZR
ФедосеевПавел 06.01.2026
Owen Logic: О недопустимости использования связки «аналоговый ПИД» + RegKZR ВВЕДЕНИЕ Введу сокращения: аналоговый ПИД — ПИД регулятор с управляющим выходом в виде числа в диапазоне от 0% до. . .
Модель микоризы: классовый агентный подход 2
anaschu 06.01.2026
репозиторий https:/ / github. com/ shumilovas/ fungi ветка по-частям. коммит Create переделка под биомассу. txt вход sc, но sm считается внутри мицелия. кстати, обьем тоже должен там считаться. . . .
Расчёт токов в цепи постоянного тока
igorrr37 05.01.2026
/ * Дана цепь постоянного тока с сопротивлениями и источниками (напряжения, ЭДС и тока). Найти токи и напряжения во всех элементах. Программа составляет систему уравнений по 1 и 2 законам Кирхгофа и. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru