bl6.jpホームニュースレビューお出かけアプリウェブサイトMacカメラレタッチTips雑記bl6.jpファッション、写真、旅行、ガジェットなどの備忘録menuホームJavaScriptソートやシャッフルができるギャラリーを実装するjQueryプラグイン「Filterizr」JavaScript2016.03.24ソートやシャッフルができるギャラリーを実装するjQueryプラグイン「Filterizr」Filterizrはソートやシャッフルができるレスポンシブに対応したギャラリーを実装するjQueryプラグインです。トランジションが使われています。プラグイン自体が軽量になっているところもうれしいですね。FilterizrFilterizrを使ったギャラリーのデモは以下になります。デモデモでは全部で9枚の写真が並んでおり、ALL、CITIES、NATURE、INDUSTRIAL、DAYLIGHT、NIGHTSCAPEのどれかのボタンをクリックすると、それに合う写真が絞り込まれます。SHUFFLEボタンをクリックすると、写真がシャッフルされます。そのほか、ASCで昇順、DESCで降順に写真を並べ替えることも可能です。写真を並べ替えたり絞り込んだりするときのアニメーションも滑らかでとてもいい感じですね。レスポンシブに対応していることから、PCをはじめスマフォやタブレットにも最適なレイアウトで表示されるところもGoodです。Chrome、Firefox、Safari、Opera、Android、iOS、Edge、IE(v.10+)がサポートされているとのこと。軽量でレスポンシブに対応したソートやシャッフルができるギャラリーを実装したい方は、ぜひチェックしてみてください。Filterizrのダウンロードや詳細は以下からどうぞ。sliderはレスポンシブに対応した横幅フルサイズのスライダ...JavaScriptクリック時に周りに画像が表示されるイメージギャラリーを実装できるjQueryプラグイン「PopCir...PopCircleというjQueryプラグインを使えば、要素をクリック...検索:プロフィールbl6.jp心がときめく「モノ」や「コト」を中心に紹介しています。レビューや日記なんかも。フレール」という紅茶の専門店があり、...2020.01.27逆さでも使えるサンワのLEDつき充電式電動エアダス...サンワサプライからガス不使用で環境にやさしい充電式電動エアダスター「CD-ADE...2020.01.24銀座の無印で朝食→大人のジャムパン(月と花)→松濤...この日のスタートは銀座から。WAIT...昨日の東急プラザの続き。一日中渋谷で遊んでいたらすっかり夜になってしまった。