Блог

Главная - Вопросы по программированию - Первый слайд загрузочной карусели активен с помощью рендеринга

Первый слайд загрузочной карусели активен с помощью рендеринга

#ruby-on-rails #twitter-bootstrap

#ruby-on-rails #twitter-bootstrap

Вопрос:

Я использую render images для отображения своих изображений. Как я могу настроить первое изображение, чтобы оно было активным для работы Bootstrap Carousel? т.Е. <div class="item active">

комнаты /show.html.erb

 <!-- Wrapper for slides -->
<div class="carousel-inner">
    <%= render @images %>
</div>

images/_image.html.erb

 <!-- Wrapper for slides -->
<div class="item">
  <%= image_tag image.image.normal.url %>
  <div class="carousel-caption">
    <%= image.name %>
  </div>
</div>

Ответ №1:

Попробуйте:

 <div class="carousel-inner">
  <% @images.each_with_index do |image, index| %>
    <%= render partial: "images/image", locals: {:index => index, :image => image} %>
  <% end %>
</div>

<!-- Wrapper for slides -->
<div class="item <%= 'active' if index == 0 %>">
  <%= image_tag image.image.normal.url %>
  <div class="carousel-caption">
    <%= image.name %>
  </div>
</div>

Комментарии:

1. @Bruno обновил его, эта ошибка появлялась, потому что у вас есть частичное изображение внутри каталога images, а ваше представление находится в каталоге rooms , так что в основном он искал частичное изображение в rooms