logo
  • ホーム
  • 制作実績
  • お問い合わせ
やま
  • ホーム
  • 制作実績
  • お問い合わせ
伸びしろブログ > Tips > 【jQuery】slick.jsを使ったスライダーで詰まったつまらない話
Tips

【jQuery】slick.jsを使ったスライダーで詰まったつまらない話

公開日 2021/8/19 最終更新日 2022/1/13

またつまらない所で詰まってしまいした。

目次

詰まった箇所

このブログテーマは”pickup”というタグの付いた投稿を一番上に横並びになるんですが、
なぜか↓のようなスタイルに…

スタイル当て間違えたかな〜と思って検証してたのですが直らず…

本当はこうなるはずなんです。

対策

やっぱCSSむずかしいなぁ〜なんて思いながらホイコーロー食べていたら
ふと気になったんです。

そもそもどうやって3枚並べるスタイル当てたんだっけ?
そこが肝や!

と気付き、すぐにでも修正したい気持ちを抑え、ホイコーローを味わい、
「家ついていっていいですか?3時間半スペシャル」をフルで観て、風呂に入ってから検証してみました。

そしたらありましたよ。script.jsに。

slidesToShowとslideToScrollのとこです。
このテーマはslick.jsというライブラリを使ってたのでscript.jsに記述してたんですね〜


これを下のように3を1に変えればきれいに並びます。

ライブラリと先人のブログにおんぶに抱っこだと、こういうのに詰まったりするんですよね。

日々成長です。

まとめ

「家ついていっていいですか?」は3時間半、観る価値ある。

タグ
JavaScript
jQuery
pickup
ライブラリ
関連記事
【CSS】レスポンシブ時にpositionを解除する方法
:first-childと::afterを一緒に使いたい
【jQuery】これ見りゃ簡単!しかも無料!?スクロールに連動するアニメーションの実装方法
【CSS】要素の中央揃えは”flex”で簡単!
【CSS・HTML】なんだこの余白!?右側に余白ができた時の対策方法
【制作物第3弾】架空のコーポレートサイトコーディングしました!
【制作物公開】 アクセサリーブランドのLPコーディングしました!【第一弾】
効かないなんて有り得ない。CSS優先順位の話
最新記事
  • 【CSS・HTML】なんだこの余白!?右側に余白ができた時の対策方法

    【CSS・HTML】なんだこの余白!?右側に余白ができた時の対策方法

    2022年1月13日
  • 【CSS】要素の中央揃えは”flex”で簡単!

    【CSS】要素の中央揃えは”flex”で簡単!

    2021年12月12日
  • 【PhotoShopクリエーター能力認定試験 エキスパート】完全未経験から受験してみた。

    【PhotoShopクリエーター能力認定試験 エキスパート】完全未経験から受験してみた。

    2021年9月26日
カテゴリー
  • Tips
  • コーディング
  • カスタマイズ
  • その他
月別まとめ
  • 2022年1月
  • 2021年12月
  • 2021年9月
  • 2021年8月

About

やま

妻の地元帰りたい欲が爆発、富山にUターン。古民家を改装しながらWEB制作と農業でなんとか幸せに生きていこうと挑戦中。 会社員時代の数々の失敗と経験から「誠実と即レス」がモットー。web制作会社さん、webデザイナーさん。一度一緒に働かせてください。

  • プライバシーポリシー
  • 免責事項
  • お仕事の依頼
  • 価格表

Menu

  • ホーム
  • 制作実績
  • お問い合わせ

Twitter

Tweets by noukanaruo

This site is protected by reCAPTCHA and the GooglePrivacy Policy and Terms of Service apply.

© やま
この記事をシェアする