微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

根据数据库中的图像制作活动轮播指标

如何解决根据数据库中的图像制作活动轮播指标

我正在使用轮播,该轮播会从轮播指标上从数据库中读取数据,我希望根据活动图像来启用该功能

这是我的代码

visibility

由于这种情况<section class="index-carousel"> <div class="swiper-container main-carousel" id="myCarousel" dir="rtl"> <ol class="carousel-indicators"> @{int k = 1;} @if (Model.bannerslist.Count > 0) { foreach (var item in Model.bannerslist) { <li data-target="#myCarousel" data-slide-to="@k" class="@(k == 1 ? "active" : "")"></li> k++; } } </ol> <div class="swiper-wrapper"> @if (Model.bannerslist.Count > 0) { <div class="carousel-inner"> @{var j = 1;} @foreach (var item in Model.bannerslist) { <div class="swiper-slide item@(j == 1 ? "active" : "")"> <img src="@Url.Content(String.Format(ConfigurationManager.AppSettings["AdminDomain"] + "{0}",Url.Content(item.PhotoURL)))" class="c-img"> <span class="carousel-title">@item.Title</span> </div> j++; } </div> } </div> </div> </section>

,我的代码仅突出显示第一张图片轮播指示器

是否可以将其设置为滑块中每个活动图像的突出显示位置?

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。