Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

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


Recommended Posts

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

нужно задний фон залить в цвет
но цвет зависит от самой картинки
чтобы 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>

 

 

Змінено користувачем mops0634
Надіслати
Поділитися на інших сайтах


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

Надіслати
Поділитися на інших сайтах

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

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

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

Надіслати
Поділитися на інших сайтах


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++; } ?>

 

Надіслати
Поділитися на інших сайтах

Створіть аккаунт або увійдіть для коментування

Ви повинні бути користувачем, щоб залишити коментар

Створити обліковий запис

Зареєструйтеся для отримання облікового запису. Це просто!

Зареєструвати аккаунт

Вхід

Уже зареєстровані? Увійдіть тут.

Вхід зараз

×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.