Html ruby on rails中的引导转盘
我正在尝试使用ruby将我的图像加载到旋转木马上。然而,当我输入某个代码时,我会得到一个不需要的图像。代码如下Html ruby on rails中的引导转盘,html,ruby-on-rails,ruby,Html,Ruby On Rails,Ruby,我正在尝试使用ruby将我的图像加载到旋转木马上。然而,当我输入某个代码时,我会得到一个不需要的图像。代码如下 <div class="page-wrap"> <h1> Bikes</h1> <h2> The best source for bikes!</h2> <div id="carousel-example-generic" class="carousel slide" data-ride="carousel
<div class="page-wrap">
<h1> Bikes</h1>
<h2> The best source for bikes!</h2>
<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
<!-- Indicators -->
<ol class="carousel-indicators">
<% @products.each_with_index do |product| %>
<li data-target="#myCarousel" data-slide-to="<%= 'product' %>" class="<%= product == 0 ? 'active' : '' %>"></li>
<% end %>
</ol>
<!-- Wrapper for slides -->
<div class="carousel-inner" id="carousel_images">
<% @products.each_with_index do |product| %>
<div class="item<%= " active" if product == @products.first %>">
<% if product.image_url.present? %>
<%= image_tag ("mbx.jpg") %>
<% end %>
<div class="carousel-caption">
<%= product.name %>
</div>
</div>
<div class="item">
<% if product.image_url.present? %>
<%= image_tag (product.image_url) %>
<% end %>
<div class="carousel-caption">
<%= product.name %>
</div>
</div>
<% end %>
</div>
<!-- Controls -->
<a class="carousel-control-prev" href="#carouselExampleIndicators" 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="#carouselExampleIndicators" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
自行车
自行车的最佳来源!
当我直接将它们放入(mbx.jpg)时,它会显示产品。但是,它不会将它们显示为旋转木马,而是静态的
此外,这是开发人员工具中显示的不需要的图像的代码,我不知道如何更改它。我已经添加了使用的产品,显然已经有7个,但无法显示其中任何一个
确保您遵守了所有要求。下面是它的外观:
<div id="carouselExampleSlidesOnly" class="carousel slide" data-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<img class="d-block w-100" src=".../800x400?auto=yes&bg=777&fg=555&text=First slide" alt="First slide">
</div>
<div class="carousel-item">
<img class="d-block w-100" src=".../800x400?auto=yes&bg=666&fg=444&text=Second slide" alt="Second slide">
</div>
<div class="carousel-item">
<img class="d-block w-100" src=".../800x400?auto=yes&bg=555&fg=333&text=Third slide" alt="Third slide">
</div>
</div>
</div>
似乎您应该将项目
类重命名为旋转木马项目