#php #html #css #codeigniter #carousel
#php #HTML #css #codeigniter #карусель
Вопрос:
у меня есть веб-сайт, на котором я использовал ползунки карусели для отображения изображений и их значений, на моей домашней странице есть 3 карусели, 3 из них имеют одинаковый код, однако первая карусель не отображает название и цену, как 2-я и 3-я карусели:
как вы можете видеть на изображении
код для этой карусели приведен ниже:
<section class="carousel_sec">
<div class="container">
<div class="row ">
<h3 class="carousel_heading">Trending Birthday Cakes <a href="<?php echo base_url();?>kids_party-planner/cakes/MQ"><button class="pull-right"><span>VIEW ALL</span><!-- <span class="visible-xs">>></span> --></button></a></h3>
<hr>
<div class="carou">
<div class="demo">
<ul id="landing_products1">
<?php foreach($trending_products1 as $key=>$val) { ?>
<li>
<div class="item">
<div class="pad15 content_div">
<div class="carou_thumb">
<img class="st_img" src="<?php echo ADMIN_IMG.'cakes/'.$val['image'][0]['cake_image'];?>" alt="<?php echo $val['cake_name']; ?>" />
<a href="<?php echo base_url('event-details/cakes/1/'.$val['id'])?>"><img class="nd_img" src="<?php echo ADMIN_IMG.'cakes/'.$val['image'][0]['cake_image'];?>" alt="<?php echo $val['cake_name']; ?>" /></a>
<p>
<?php echo $val['cake_name']; ?>
</p>
<?php
$btp_price=0;$offer_price=0;
$btp_price=$val['price'][0]['btp_price'];
$offer_price=$val['price'][0]['offer_price'];
?>
<div class="price text-center" style="width:100%;float:left;">
<span class="amount" style="color:#f2136e;font-size:14px;">
<?php echo PRICE_UNIT;?><?php echo $offer_price;?>
</span> (
<s>amp;nbsp;<?php echo $btp_price;?></s>)
<span>amp;nbsp;</span>
<br>
</div>
<!--<br><span><?php echo PRICE_UNIT;100; ?></span></p>-->
</div>
</div>
</div>
</li>
<?php } ?>
</ul>
</div>
</div>
</div>
</div>
</section>
<?php } ?>
при проверке в браузере отображается значение, текущий URL-адрес — введите описание ссылки здесь
может кто-нибудь, пожалуйста, скажите мне, что здесь может быть не так, заранее спасибо
Ответ №1:
Вам нужно будет настроить css, чтобы показать скрытое содержимое.
Чтобы подтолкнуть вас в этом направлении, посмотрите Улучшение с помощью:
#landing_products1 {
height: 330px;
margin-top: -65px;
}
Я не знаю, насколько отзывчивым должен быть ваш пользовательский интерфейс, поэтому давайте назовем это временным исправлением. Размеры первой карусели не совсем соответствуют остальным, поэтому я оставлю тонкую настройку вам.
Также кажется, что у вас есть некоторые проблемы с js и css, которые нужно устранить.
Комментарии:
1. спасибо, если у вас есть время, можете ли вы, пожалуйста, проверить, почему в моем меню слишком много мерцания
2. Я рекомендую, прежде чем двигаться дальше, исправить все ошибки js и css. Затем, если у вас возникли проблемы с мерцанием, задайте новый вопрос.