Стилизация баннера

[mops0634]

я установил баннер (именно баннер)
и в нем переключаются картинки
сайт у меня на всю ширину
а баннер по центру

нужно задний фон залить в цвет
но цвет зависит от самой картинки
чтобы div менял id от изменения картинки  (.item d1 { background: #333; })
а я уже css выставлял бы цвет

Спойлер

<div id="banner<?php echo $module; ?>" class="owl-carousel">
  <?php foreach ($banners as $banner) { ?>
  <div class="item">
    <?php if ($banner['link']) { ?>
    <a href="<?php echo $banner['link']; ?>"><img src="<?php echo $banner['image']; ?>" alt="<?php echo $banner['title']; ?>" class="img-responsive" /></a>
    <?php } else { ?>
    <img src="<?php echo $banner['image']; ?>" alt="<?php echo $banner['title']; ?>" class="img-responsive" />
    <?php } ?>
  </div>
  <?php } ?>
</div>
<script type="text/javascript"><!--
$('#banner<?php echo $module; ?>').owlCarousel({
	items: 6,
	autoPlay: 4000,
	singleItem: true,
	navigation: false,
	pagination: true,
	transitionStyle: 'fade'

});
--></script>

 

 

Змінено 7 вересня 2017 користувачем mops0634

[legioner26]

Пришлите скрин, что хотите именно.

[mops0634]

6 минут назад, legioner26 сказал:

Пришлите скрин, что хотите именно.

 

 

чтобы задний фон менялся по css
но в зависимости от картинки

 

[legioner26]

То есть банка это картинка. А то что красным это белое да сейчас? А сделать надо красным.

[mops0634]

17 минут назад, legioner26 сказал:

То есть банка это картинка. А то что красным это белое да сейчас? А сделать надо красным.

ну да 
.надо на item banner1 
item banner2
чтобы id менялось от катринки

[legioner26]

Скиньте ссылку на сайт

[legioner26]

И доступы на фтп тоже скиньте

[legioner26]

Вам необходимо в цикле менять ID дива

 

[fanatic]

4 часа назад, mops0634 сказал:

чтобы div менял id от изменения картинки

  <?php $i=1; foreach ($banners as $banner) { ?>
  <div id="item_<?php echo $i; ?>" class="item">
    <?php if ($banner['link']) { ?>
    <a href="<?php echo $banner['link']; ?>"><img src="<?php echo $banner['image']; ?>" alt="<?php echo $banner['title']; ?>" class="img-responsive" /></a>
    <?php } else { ?>
    <img src="<?php echo $banner['image']; ?>" alt="<?php echo $banner['title']; ?>" class="img-responsive" />
    <?php } ?>
  </div>
  <?php $i++; } ?>

 

[mops0634]

спасибо всем)