问题描述
我一直在尝试添加一个轮播，该轮播可以检测上传的图像并将其相应地显示在轮播中。就像我上传1一样，它只会显示出来，如果2则如此。我似乎真的不知道该怎么办。我一直在尝试一个接一个的代码，但它永远无法工作。我想我应该以某种方式循环播放它们，但是我只是无法理解要实现它的内容。
我在想使用轮播之前使用了此代码，但是如果我尝试将其放入轮播中，它确实可以工作
<% ([email protected]).each do |photo| %>
<%= image_tag(@ad.photos[photo]) %>
<% end %>
这是一个简单的轮播
<div class="container my-4">
<hr class="my-4">
<!--Carousel Wrapper-->
<div id="carousel-thumb" class="carousel slide carousel-fade carousel-thumbnails" data-ride="carousel">
<!--Slides-->
<div class="carousel-inner" role="listbox">
<div class="carousel-item active">
<img class="d-block w-100" src=".." alt="First slide">
</div>
<div class="carousel-item">
<img class="d-block w-100" src=".." alt="Second slide">
</div>
<div class="carousel-item">
<img class="d-block w-100" src=".." alt="Third slide">
</div>
</div>
<!--/.Slides-->
<!--Controls-->
<a class="carousel-control-prev" href="#carousel-thumb" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carousel-thumb" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
<!--/.Controls-->
<ol class="carousel-indicators">
<li data-target="#carousel-thumb" data-slide-to="0" class="active"> <img class="d-block w-100"></li>
<li data-target="#carousel-thumb" data-slide-to="1"><img class="d-block w-100" ></li>
<li data-target="#carousel-thumb" data-slide-to="2"><img class="d-block w-100" ></li>
</ol>
</div>
<!--/.Carousel Wrapper-->
我尝试将代码重用到包装器中，但没有用
解决方法
暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！
如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@）