bl6.jpホームニュースレビューお出かけアプリウェブサイトMacカメラレタッチTips雑記bl6.jpファッション、写真、旅行、ガジェットなどの備忘録menuホームJavaScriptタッチジェスチャーにも対応したイメージギャラリー・PhotoSwipeJavaScript2014.12.11タッチジェスチャーにも対応したイメージギャラリー・PhotoSwipePhotoSwipeはスマホやタブレットのタッチジェスチャーにも対応しているJavaScriptイメージギャラリーです。画像をズームしたりピンチインでクローズしたりと何かと使い勝手の良いUIを実装することができます。[ads_center]PhotoSwipeデモやダウンロード、または使い方の詳細に関しては以下のサイトから確認することができます。PhotoSwipey実際にiPhoneからアクセスしてみたところ、このようにレイアウトも最適化され動作もとてもスムーズでした。いい感じのギャラリーです。controlsとMinimalの2タイプから選ぶことができるようになっています。controlsではキャプションやシェア、それにフルスクリーン機能もついています。Minimalにはキャプションなどの機能はついていません。タッチジェスチャーの使い方では、主に下記の4つの機能を利用できるようになっています。ピンチアウトで画像をズームピンチインで画像をクローズ上下の垂直方向へのスワイプで画像をクローズ左右の水平方向へのスワイプで画像切り替え機能的にスマホでここまでできるなら充分といったところではないでしょうか。そんなわけで、色々と高性能なイメージギャラリーを実装することができるPhotoSwipeのご紹介でした。sliderはレスポンシブに対応した横幅フルサイズのスライダ...JavaScriptパララックス効果で視差の背景を演出してくれる「parallax-background.js」parallax-background.jsは、単純な視差の背景をサイ...JavaScriptインタラクティブなナビゲーションスクロールバーのJSライブラリ「intence」intenceはスクロール中のエリアが分かるインタラクティブなナビゲー...検索:プロフィールbl6.jp心がときめく「モノ」や「コト」を中心に紹介しています。レビューや日記なんかも。TwitterFacebookInstagram最近の記事2020.02.18成城石井オリジナルコーヒー豆「ブラジルイパネマ」アマゾンで買い物中に見つけた成城石井オリジナルコーヒー豆「ブラジルイパネマ」。...2020.02.17梅しば1年のどこかで無性にカリカリ梅を食べたくなる時期がある。先日もこの症状が生じてし...2020.02.15ハンドル付きのノートPC用インナーバッグ「エレコム...エレコムから出し入れしやすいハンドル付きのノートPC用インナーバッグが登場しまし...2020.02.14白銀の千秋公園スタバをあとにして朝の散歩をするために千秋公園へと向かった。今シーズンはいままで...2020.02.13日常の休日。スタバで温かいドリップを久しぶりの秋田のスタバ。いっても元旦以来だから約1カ月ぶりか。