スライドショーに表示される投稿(画像)をランダムで選んで表示させるようにしたい

Question

実現したいこと

slickを使いスライドショーを追加したが、表示画像をランダムで表示させるようにしたい

該当のソースコード

# tweets_controller.rbの記述
  def index
    @tweets = Tweet.all
  end

  <div class="slider">
    <% @tweets.each do |tweet| %>
      <%= link_to "#" do %>
        <div class="content_post" style="background-image: url(<%= tweet.image %>);">
          <div class="content_text">
            <%= simple_format(tweet.text) %>
          </div>

$(function() {
  $('.slider').slick({
      prevArrow:'<i class="fa fa-angle-left arrow arrow-left"></i>',
      nextArrow:'<i class="fa fa-angle-right arrow arrow-right"></i>',
      dots: true,
      autoplay: true,
      autoplaySpeed: 5000,
      speed: 800
  });

  $('.slick-dots li').on('mouseover', function() {
    $('.slider').slick('goTo', $(this).index());
  });
});

説明

tweetされたもの全て並べる用にしています。
やりたいことは全てのtweetの内、3つをランダムで選んで表示させるようにしたいです。
リンク先を設定してないのはまだ作成していないからです。

Answer 1

hamlのことがあまりわかっていないのですが、見たところtweetsデータの取得側でランダムにデータを取得するのがいいのかと思います。

Answer 2

元データ側で処理するのが良いと思いますが、出力されたHTMLを$('.slider').slick()する前に並べ替えてそのうち3件だけ$('.slider').html()に入れればとりあえずできます。

【jQuery：画像や要素をランダム出力する方法の備忘録 | NxWorld】
https://www.nxworld.net/tips/jquery-random-snippets.html