Question

我有一个显示我所有产品的索引页（首先是标题，然后是一张照片，然后是一些文本）。当单击其中一种产品时，用户会进入我的显示页面，显示以前的更多文本，一张地图和一张照片。现在，我想添加更多照片或旋转木马，但不确定如何做。可能首先，我必须在架构中添加一些t.strings-但是我可以为轮播做吗？然后，我将在哪里将轮播代码-放入展示页面？或者，如果我要在一张照片中再添加10张照片，是否必须在架构中为每张照片添加一个t.string？我已经尝试通过编辑不起作用的页面来插入多张照片。还是我可以以某种方式在架构中使用某种t.array？这是我的代码：

$ sudo npm install -g node-gyp
$ sudo npm install -g @angular/cli

您需要更多详细信息吗？提前致谢！朱塔

Answer 1

有一个很棒的gem，称为slick，用于实现带导轨的旋转木马。这就是您要做的一切：

gemfile

gem 'jquery-slick-rails'

application.js

//= require jquery.slick

视图

<section class="slider-wrapper">
  <div class="container slider">
    <% Product.each do |slide| %>
      <!-- content -->
      </div>
    <% end %>
  </div>  
</section>

<script type="text/javascript">
  $(".container").slick({
    dots: true,
    accessibility: true,
    autoplay: true,
    autoplaySpeed: 5000,
    arrows: true,
    infinite: true,
    slidesToShow: 1,
    slidesToScroll: 1
  });
</script>

jquery中有许多可能的配置，这只是一个示例。

如何在显示页面中实现轮播或几张照片（Ruby on Rails）

1 个答案: