タグ

ブックマーク / gimmicklog.com (2)

  • 【jQuery】slickのカルーセルスライダー実装方法とサンプル集|Gimmick log

    TOPjQuery 【jQuery】slickのカルーセルスライダー実装方法とサンプル集 【jQuery】slickのカルーセルスライダー実装方法とサンプル集 公開日:2015.12.02 更新日:2023.03.19 jQuery, カルーセルスライダー 様々なレイアウトのスライダー、スライドショーを実装出来る slick の使い方をまとめました。 これまでも slider-proやcarouFredSelをご紹介しましたが、slickは両者のいいとこ取りという感じです。詳細は以下の機能概要をご覧ください。 slick.js配布元 サンプルページ slickの機能概要 レスポンシブ対応 横幅のブレイクポイントごとにスライドの表示数、スクロール数を変更可 (centerModeではスクロール数は1つで固定) タッチデバイス対応 IE8以上で動作(スライド数のドットの色は変化しない) 縦カル

    【jQuery】slickのカルーセルスライダー実装方法とサンプル集|Gimmick log
  • 【jQuery】もっと見るボタンで要素を開閉する方法|Gimmick log

    公開日:2015.11.20 更新日:2023.03.19 jQuery, アコーディオン もっと見るボタンを押下して、非表示要素をスライドダウンで表示させます。 読み込みは行われているので、処理が早くなるわけではないのですが、ニュースサイトなど情報量が多いサイトの場合はこういった方法が使えます。 もっと見るボタンクリックで透過させた部分をスライド表示する方法 文章が多めのニュース記事なんかでよくある見せ方ですね。 テキストの一部をCSSのグラデーションで覆って、続きがあることを明示しています。 サンプル See the Pen もっと見るでスライド表示 by ponzu (@ponzu) on CodePen. html <div class="content-wrap animated"> <div class="content-txt"> <p>この中にもっと見るで表示させたいテキス

    【jQuery】もっと見るボタンで要素を開閉する方法|Gimmick log
  • 1