xaci https://blog.hatena.ne.jp/xaci/ xaciの技術メモ https://xaci.hatenablog.com/ Ruby_on_Rails ブログトップの背景画像だったり、おすすめリンクとかをスライド表示させるのに便利なのがSwiper 公式サンプル： swiperjs.com 今回はこれで、登録した画像を自動でスライドさせるものを実装する。 導入 npm等でパッケージをインストールする $ npm install swiper これでプロジェクトのnode_modulesに必要なファイルがインストールされる こいつをアセットパイプラインで読み込んでやる app/assets/javascripts/application.js //= require swiper/swiper-bundle.js //= require my_… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fxaci.hatenablog.com%2Fentry%2F2021%2F07%2F04%2F033324" title="Swiperで画像をスライド表示する - xaciの技術メモ" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2021-07-04 03:33:24 rich https://xaci.hatenablog.com/entry/2021/07/04/033324 1.0 100%