bl6.jpホームニュースレビューお出かけアプリウェブサイトMacカメラレタッチTips雑記bl6.jpファッション、写真、旅行、ガジェットなどの備忘録menuホームJavaScriptいろんな方向に画像をスライドできるjQueryイメージスライダー「gridslide.js」JavaScript2015.03.17いろんな方向に画像をスライドできるjQueryイメージスライダー「gridslide.js」gridslide.jsはいろんな方向に画像をスライドさせることができるjQueryイメージスライダーです。左右にスライドするのはもちろん、ナビゲーションスタイルによって上下や斜め方向にもスライドさせることが可能です。gridslide.js以下はgridslide.jsのデモページになります。Buttonsの2つがあります。Navigationはサムネイル画像がスライダー下部に並んでいて、各サムネイルをクリックするとメインの場所でスライド表示します。現在表示されているサムネイル画像を基点に、例えば真下にあるサムネイルをクリックすると下からスライドして、右下にあるサムネイルをクリックすると右下からスライドしてきます。各サムネイル画像が表示されている方向に合わせてスライドするのでとてもおもしろい機能ですね。Buttonsは上下左右のボタンナビゲーションになっており、四方のいずれかのボタンを押すことでその方向にスライドします。使い方もシンプルなので使いやすそうなのがいいですね。500});ナビゲーションスタイルの変更はmenuというオプションから設定することができます。menuにはgridかnavが指定可能です。様々な方向にスライドさせることができるイメージスライダーを実装したい時に、覚えておきたいですね。Slider」ちょっと珍しそうなスライダーを見つけたのでご紹介します。Navigation(Responsive...JavaScriptデザインもシンプルで素敵なレスポンシブのjQueryスライダー「Blueberry」を使ってみたとてもシンプルで素敵なjQueryスライダー「Blueberry」を使...JavaScriptフルスクリーンによるダイアログボックスを表示できる「jquery.confirmDialog」jquery.confirmDialogは、フルスクリーンによるかっこ...検索:プロフィールbl6.jp心がときめく「モノ」や「コト」を中心に紹介しています。レビューや日記なんかも。TwitterFacebookInstagram最近の記事2020.02.20いつもの音楽をハイレゾ級で。ソニーの完全ワイヤレス...ソニーからハイレゾ級高音質と優れた接続性を備えた小型・軽量の完全ワイヤレスイヤホ...2020.02.19三色ボールペンの青と緑を「黒」に変えるいつも仕事で使っているジェットストリームの三色ボールペン(+シャーペン付き)。こ...2020.02.18成城石井オリジナルコーヒー豆「ブラジルイパネマ」アマゾンで買い物中に見つけた成城石井オリジナルコーヒー豆「ブラジルイパネマ」。...2020.02.17梅しば1年のどこかで無性にカリカリ梅を食べたくなる時期がある。