- 2021.05.18 Tuesday
-
【jQuery】Slickでありがたかった記事ちょっとだけまとめ
ビックリだよね、もう2021年の5月で、なんと今年は既に梅雨入りしました。
前に記事を書いたのは2019.07.15で、コロナも流行ってないし、「来年は日本でオリンピックやるのかー!」なんて浮かれてた頃ですよ。
当時は今みたいに新型ウィルスで世界が大変なことになるだなんて想像もしなかった。さて現在着手中の案件で、「ちょっと右側にはみ出した画像スライダー」で、
左右の矢印で前後に移動と、「1/5」などの「現在の位置と全体の枚数」も表示したいというオーダーです。長年愛用していたcycle2.jsがDEMOページもちゃんと動いてなくて、以前はたしかもっと色々DEMOパターンも展示されていた気がしたんだけど、どうも今後の案件に使用するのは気が引ける状態なので(実装すればちゃんと動くんだけど)Slickを使うようになったんですが、正直cycle2.jsの方が色々カスタマイズ出来たし、うーんどうしたもんかね、ということで調べた自分用のメモ。
- 片側だけはみ出たデザインのカルーセルスライダーをslickで実装する方法
https://oku-log.com/blog/slick-carousel/
※cssとのあわせ技である程度なんとか出来るんだけど、その方法だとちょっと厳しいのかなぁ。。。 - レスポンシブ対応!万能カルーセルスライダーjQueryプラグイン「slick.js」を研究してみる
https://ponsyon.com/archives/858
※カスタムの日本語解説ありがたい。 - 【jQuery】slick を使ってスライドショー(横幅いっぱい+前後のスライドを半透明にする)
https://125naroom.com/web/2823 - slickを使ったスライドショーのカスタマイズ例3つ。
https://nxpg.net/blog/tech/?p=8869
※Slackは画像の番号が出ないので 1/20 などの枚数表示がかなりありがたい。
JUGEMテーマ:アート・デザイン
| jQuery | 10:40 | comments(0) | ▲to TOP |
- 片側だけはみ出たデザインのカルーセルスライダーをslickで実装する方法
- 2017.01.04 Wednesday
-
Lightbox v2.9.0がjquery.page-scroller.jsとぶつかって動かなかった
表題どおり。
jquery.page-scroller.jsは外して
$(".pagetop").click(function () {
$('html,body').animate({ scrollTop: 0 }, 500, 'swing'
);
return false;
});で対応。
今の時代もpage-scroller.jsを使わなければいけない場面って
どういう時なんだろう。
人の作ったものはよく分からん。| jQuery | 22:59 | comments(0) | ▲to TOP |
| 1/1PAGES |