Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 22.02.2016, 01:19
Новичок на форуме
Отправить личное сообщение для engenes Посмотреть профиль Найти все сообщения от engenes
 
Регистрация: 22.02.2016
Сообщений: 4

JavaScript. Как задать фон блоку картинкой, путь к которой указан в дочернем блоке?
Написал вот такой скрипт но фон вставляется везде одинаковый, а мне нужно чтобы у каждого родителя был фон, путь на который указан у дочернего блока.
Код:
var width = document.documentElement.clientWidth,
  height = width / 3,
  bg = $('.views-field-nothing').find('.views').html();
bg = "url('" +bg+ "')";

$(".views-field-nothing").css('background', bg);
$(".views-field-nothing").css('height', height);
$(".views-field-nothing").css('width', width);



<div class="views-field-nothing">
  <div class="views">http://goodimg.ru/img/tsvetochek-risunok3.jpg</div>
</div>
<div class="views-field-nothing">
  <div class="views">http://agu-shop.ru/images/pink_flower_512x512.png</div>
</div>
<div class="views-field-nothing">
  <div class="views">http://www.raskraska.ru/counting/flower-bw.gif</div>
</div>
Ответить с цитированием
  #2 (permalink)  
Старый 22.02.2016, 05:54
Интересующийся
Отправить личное сообщение для dismantled Посмотреть профиль Найти все сообщения от dismantled
 
Регистрация: 11.02.2016
Сообщений: 18

Вы применяете стиль ко всем контейнерам класса пачкой, а нужен цикл перебора контейнеров. Примерно как-то так:

$(".views-field-nothing").each(function(){
  var width = document.documentElement.clientWidth,
    height = width / 3,
    bg = $(this).find('.views').html();
  bg = "url('" +bg+ "')";
  
  $(this).css('background', bg);
  $(this).css('height', height);
  $(this).css('width', width);
});

Посмотреть тут: https://jsfiddle.net/nb5ogsgL/

Последний раз редактировалось dismantled, 22.02.2016 в 06:16.
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как задать фон блоку картинкой, путь к которой указан в дочернем блоке? engenes Общие вопросы Javascript 3 22.02.2016 06:07
Как вы относитесь к наркоманам? Maxmaxmaximus7 Оффтопик 7 05.02.2014 13:29
Динамическое создание iframe в Firefox mrbean11 Firefox/Mozilla 8 02.11.2012 21:23
Можно ли как то выделить текст в блоке при клике по блоку? someLogin Элементы интерфейса 1 10.10.2011 05:10