图像显示为Bootstrap轮播中的数字和字符串

时间:2016-07-14 19:51:14

标签: ruby-on-rails twitter-bootstrap

image_tag用于在Rails 4.2应用中显示Bootstrap carousel的图片。

<img src="<%=image_tag 'person_erp.jpg'%>" alt="First Slide">

图片person_erp.jpg位于/assets/images/下。在网页上,它显示一串数字和字符而不是图像。

enter image description here

以下是html代码:

            <div class="carousel-inner">
                  <div class="active item">
                    <div class="carousel-caption">
                      <img src="<%=image_tag 'person_erp.jpg'%>" alt="First Slide">
                      <h3><%=t('Simply Your Business')%></h3>
                      <p>
                        <%=t('Simply Your Business Details')%>
                      </p>
                      <div style="margin-bottom:20px;">
                        <%= link_to t('Learn More'), SUBURI + signups_new_path, :class => "btn btn-success btn-md" %>
                      </div>
                    </div>
                  </div>
                 .....
            </div>

尝试以下操作,但没有一个工作

<img src="person_erp.jpg" alt="First Slide">
<img src="/assets/images/person_erp.jpg" alt="First Slide">

上面我们的图片src缺少什么?

1 个答案:

答案 0 :(得分:1)

您似乎已将图片标记相互包装。

image_tag辅助方法会生成<img src="...">标记,因此您可能不需要额外的标记。

更改此行

<img src="<%=image_tag 'person_erp.jpg'%>" alt="First Slide">

<%= image_tag 'person_erp.jpg', alt: 'First Slide' %>