Здравствуйте.
Подскажите поподробнее, пожалуйста, как проверить, присутствует ли в документе изображение с конкретным alt'ом (например,
alt="picture") и, если присутствует, то добавить к определенному элементу класс и поставить это изображение в качестве фона этого элемента?
Например:
<article class="article-picture" style="background-image:url('путь до изображение согласно src');">
<h1>Заголовок</h1>
<p>Какой-то текст</p>
<img src="путь до изображения" alt="picture">
<p>Какой-то текст</p>
</article>
То есть получается, если в документе есть изображение с
alt="picture", то к элементу
article добавляется класс
article-picture, а само изображение ставится фоном.
Кроме этого, изображение из самого текста надо удалить. Чтобы получилось в итоге так:
<article class="article-picture" style="background-image:url('путь до изображение согласно src');">
<h1>Заголовок</h1>
<p>Какой-то текст</p>
<p>Какой-то текст</p>
</article>
Все это надо сделать с помощью JS (лучше jQuery).
Предполагаю, что это делается в несколько строчек, но я не знаком с JS.
