bl6.jpホームニュースレビューお出かけアプリウェブサイトMacカメラレタッチTips雑記bl6.jpファッション、写真、旅行、ガジェットなどの備忘録menuホームJavaScriptレスポンシブ対応でタッチフレンドリーな画像ギャラリー「imagelightbox」JavaScript2017.02.22レスポンシブ対応でタッチフレンドリーな画像ギャラリー「imagelightbox」imagelightboxは、レスポンシブに対応したタッチフレンドリーな画像ギャラリーを実装することができるjQueryプラグインです。シンプルなデザインながらもオプションが豊富なので、多彩なカスタマイズが可能です。imagelightbox以下のページからimagelightboxの実際のデモ動作を見ることができます。デモデモページにはさまざまなタイプのサンプルが用意されています。サムネイル画像をクリックすると、拡大画像が表示されます。画像をクリックしたり左右の矢印キーを操作したりすると、次の画像に切り替えることが可能です。アニメーション付きで画像が切り替わるのがとても素敵ですね。フェードイン/フェードアウトによるアニメーションで、美しくエレガントに切り替わっていきます。オーバーレイと共に表示されるもの、クローズボタン付き、キャプション付き、ナビゲーション付き、画面両端に左右矢印が表示されるもの、などなどいろんなタイプのデモを見ることができます。imagelightboxはタッチフレンドリーになっているところもポイントです。実際にiPhoneでデモに触れてみたところ、しっかり動作を確認できました。拡大画像の表示や画像の切り替えなど、パソコンだけではなくスマホでも快適に操作できるのは助かりますね。便利なオプションもたくさん用意されているので、好みに合わせたカスタマイズも可能です。矢印、ボタン、キャプション、キーボード、ナビゲーション、オーバーレイなどの有効・無効を指定できたりアニメーションスピードの数値を設定できたり、さまざまなカスタマイズが可能です。いうわけで、レスポンシブに対応している上にタッチフレンドリーな画像ギャラリーを実装したい人は、ぜひ「imagelightbox」をチェックしてみてください。imagelightboxのダウンロードや詳しい使い方は以下からどうぞ。個人的にかなりよさげなjQueryスライダーを使ってみました。transitionsを活用したシンプルなスライドショーを実装...JavaScriptボックス要素からはみ出した分のテキストを「...」に置き換えてくれるjQueryプラグイン「...なんとなく使う機会がありそうな感じのjQueryプラグイン「jQuer...JavaScriptアイコンをクリックすると周りにメニューが表示されるjQueryプラグイン「FerroMenu」FerroMenuというjQueryプラグインを使えばアイコンをクリッ...JavaScript画像の指定した部分を中心にレスポンシブ化できるjQueryプラグイン「FocusPoint」FocusPointというjQueryプラグインを使えば、画像の指定し...JavaScriptパスワードの安全性を教えてくれる「hsimp」hsimpは、パスワードがどれだけ安全かを判定してくれるスクリプトです...検索:プロフィールbl6.jp心がときめく「モノ」や「コト」を中心に紹介しています。レビューや日記なんかも。TwitterFacebookInstagram最近の記事2020.02.20いつもの音楽をハイレゾ級で。ソニーの完全ワイヤレス...ソニーからハイレゾ級高音質と優れた接続性を備えた小型・軽量の完全ワイヤレスイヤホ...2020.02.19三色ボールペンの青と緑を「黒」に変えるいつも仕事で使っているジェットストリームの三色ボールペン(+シャーペン付き)。こ...2020.02.18成城石井オリジナルコーヒー豆「ブラジルイパネマ」アマゾンで買い物中に見つけた成城石井オリジナルコーヒー豆「ブラジルイパネマ」。...2020.02.17梅しば1年のどこかで無性にカリカリ梅を食べたくなる時期がある。