検索対象

並び順

ブックマーク数

期間指定

  • から
  • まで

1 - 11 件 / 11件

新着順 人気順

jqueryプラグインの検索結果1 - 11 件 / 11件

タグ検索の該当結果が少ないため、タイトル検索結果を表示しています。

jqueryプラグインに関するエントリは11件あります。 jQuery、 jquery、 グラフ などが関連タグです。 人気エントリには 『レスポンシブ対応！万能カルーセルスライダーjQueryプラグイン「slick.js」を研究してみる | yanagi's memo』などがあります。

jqueryプラグインの関連エントリー

  • レスポンシブ対応！万能カルーセルスライダーjQueryプラグイン「slick.js」を研究してみる | yanagi's memo

    なぜ「slick.js」がいいのか レスポンシブ対応 IE11でも問題なく動く カスタマイズ性が高い 王道プラグインだけあって、JavaScriptも活用した質の高い解説ブログが山ほど見つかる←重要！ slick.jsの準備 A: slick.jsをダウンロードする 公式サイトからダウンロードします。 色んなパターンのスライドが実装できまっせ〜なサンプルを上に流して流して、設置方法の説明も流して、settingの解説も流して流して、だいぶ下の方にダウンロードボタンがあります。 急ぎのときは、グロナビの「get it now」をクリックするとダウンロードボタンのところまで一気にスクロール移動できます。 解凍後、slick.min.js、slick.css、slick-theme.css、ajax-loader.gif、fontsフォルダをそれぞれ格納（UP）します。 fontsフォルダはsl

      レスポンシブ対応！万能カルーセルスライダーjQueryプラグイン「slick.js」を研究してみる | yanagi's memo

    • Jmap - 日本地図簡単表示ライブラリ(jQueryプラグイン)

      Jmap jQuery plugin 日本地図 jQuery プラグイン - Released under the MIT license Jmap jQuery pluginは、情報配信に適したシンプルな形状の日本地図を表示することができます。 出力される地図はHTMLコーダーやCSSデザイナーも気軽に利用できるようHTMLとCSSのシンプルな構造となっており、カスタマイズ性に優れかつ便利な機能を複数備えています。

        Jmap - 日本地図簡単表示ライブラリ(jQueryプラグイン)

      • シンプルなニュースティッカーを実装できるjQueryプラグイン「jquery.simpleTicker.js」 | TechMemo

        jquery.simpleTicker.jsは、回転したり横からスライドインしてくるニュースティッカーを実装できるjQueryプラグインです。 挙動については、以下デモページよりご確認いただけます。 デモページを見る jquery.simpleTicker.jsの使い方 ステップ1. jquery.simpleTicker.jsのダウンロードと設置 GitHubよりjquery.simpleTicker.jsをダウンロードします。 jquery.simpleTickerフォルダ内に入っている「jquery.simpleTicker.css」と「jquery.simpleTicker.js」をサーバー上に設置しましょう。 <head>内に以下を追加してそれぞれのファイルを読み込みます。 <link href="./jquery.simpleTicker/jquery.simpleTicker

          シンプルなニュースティッカーを実装できるjQueryプラグイン「jquery.simpleTicker.js」 | TechMemo

        • jquery.graphviz.svg - GraphvizのSVGデータを表示/機能追加するjQueryプラグイン MOONGIFT

          チャートやネットワーク図などを描くのに使われるのがGraphvizです。多くの場合PNGなどの画像で出力して利用しますが、SVGへのエクスポートも可能です。Web向けであれば、画像よりも使い勝手が良いでしょう。 そんなGraphvizで出力したSVGを表示するのがjquery.graphviz.svgです。 jquery.graphviz.svgの使い方 表示しました。 ノードをクリックすると、ハイライト表示されます。 さらにズームイン/アウトができます。 jquery.graphviz.svgはGraphvizのSVGデータに対して、ハイライトとズームイン、ズームアウトを追加します。さらにデータをレスポンシブにしてくれるので、どのデバイスに対しても適切な表示が可能です。 jquery.graphviz.svgはjQuery/JavaScript製のオープンソース・ソフトウェア（MIT L

            jquery.graphviz.svg - GraphvizのSVGデータを表示/機能追加するjQueryプラグイン MOONGIFT

            • jqueryプラグインの関連エントリー

          • JQueryプラグインLightbox2の使い方【商用利用OK】

            JQueryで拡大画像のモーダルウィンドが作れる「Lightbox」というプラグインはご存知でしょうか？ Lightboxはサイトにギャラリーを載せる際などに小さな画像を拡大して表示する時によく使われます。 ライセンスもMITなので無料でかつ、商用利用もできて入門者でも簡単に使えるので、JQueryで拡大画像のモーダルを作る際には一番おすすめのプラグインです。 そこで、今回はLightboxをJQueryで使う方法について詳しく解説していきます。 Lightboxとは何か LightboxはJavaScriptで、拡大画像が表示できるモーダルウィンドウが作れるJQueryのプラグインです。 サイトへの導入も簡単でJavaScriptとCSSのファイルをダウンロードするだけですぐに使うことができます。 また、JQueryは1.7以降が安定的に動作するので、別バージョンのものを用意のが面倒な場

              JQueryプラグインLightbox2の使い方【商用利用OK】

            • 定番のスライドショーjQueryプラグイン「bxSlider」の Callback関数まとめ | WEBMAN

              Tags: CSS HTML JavaScript jQuery あけましておめでとうございます、ナガです。 簡単にスライダーを実装できて、オプションも豊富で、案件では大変お世話になっているjQueryプラグイン「bxSlider」。 2017年一発目のエントリーは、「bxSlider」の　Callback関数についてまとめさせていただきます。 # はじめに 「bxSlider」を実装するときにオプションの値はどんなのあったっけなーと思って、よくググるんですが、 Callback関数を使ったサンプルを掲載しているエントリーがサクッと出てこなかったので、備忘録がてら自分で書いてみます。 ※見つからなかったのは僕のググり方が悪いだけかもしれませんが…。 # 使い方 # ダウンロード 先ずは「bxSlider」を下記サイト右上のボタンからダウンロードします。 jQuery Content Sli

              • inview.jsでスクロールして表示領域に入ったらフェードインさせる方法【jQueryプラグイン】

                以前『wow.jsの使い方』で同じような物をご紹介しましたが、実務でよく使うのは圧倒的に『inview.js』の方になります。 正確に言えばフェードインだけではなく、スクロールして表示領域に入ったらclassを付与して色んなイベントを発生させることが出来ます。 今回は画像とサンプルを使って『inview.js』の使い方を解説していきます。 また、GSAPを使えばCSSを編集せずに実装できるので、GSAPを使う方法もおすすめです。

                  inview.jsでスクロールして表示領域に入ったらフェードインさせる方法【jQueryプラグイン】

                • 【JavaScript】スクロールをマウスドラッグで可能にする | マウスドラッグスクロール | JS | jQueryプラグイン(æ‹¡å¼µ) - IT the Best

                  JavaScript(jQuery)でマウスドラッグによるスクロールを可能にする。 マウスドラッグスクロール DEMO コード jQuery拡張版 使用方法 jQuery拡張版 使用例 補足 マウスドラッグスクロール ※環境によっては正常に動作しない可能性があります。 当処理はjQueryを使用しています。 www.it-the-best.com DEMO 1 2 3 4 5 コード function mousedragscrollable(element){ let target; // 動かす対象 $(element).each(function (i, e) { $(e).mousedown(function (event) { event.preventDefault(); target = $(e); // 動かす対象 $(e).data({ "down": true, "mov

                    【JavaScript】スクロールをマウスドラッグで可能にする | マウスドラッグスクロール | JS | jQueryプラグイン(拡張) - IT the Best

                  • RSS表示ブログパーツ(API)＆jQueryプラグイン [無料ホームページ作成クラウドサービス　まめわざ]

                    ブログのRSSフィードからブログ記事の目次を表示するブログパーツ(API)とjQueryプラグインを公開します。使用はもちろん無料です。 プラグイン内ではGoogle Feed APIを利用しています。jQueryプラグインはGPLライセンスです。いずれもSSL対応なので、httpsのサイトでもご利用いただけます。 PCではIE8～11・Firefox・Chrome・Safari、スマートフォンではiOSのSafari・Android標準ブラウザで動作確認済みです。

                      RSS表示ブログパーツ(API)＆jQueryプラグイン [無料ホームページ作成クラウドサービス　まめわざ]

                    • imgタグにImageFluxを適用するjQueryプラグインを作った - Qiita

                      ピクシブ株式会社とさくらインターネット株式会社が開発した画像変換配信サービス ImageFlux をimgタグに簡単に適用できるjQueryプラグインを作ってみました。 ImageFluxの仕組み ImageFluxにはオリジンサーバを設定し、それに対応したドメインが割り当てられます。CDNに似てますね。 ImageFluxのドメインに対して変換パラメータ付きで画像のパスを指定することで、変換パラメータ通りに変換され、キャッシュされます。 最も簡単で効果的な使い方はWebPへの変換でしょう。 例えば、オリジンが https://www.example.com/、 対応するImageFluxのドメインが p1-XXXXXXXX.imageflux.jp の場合、imgタグを以下のようにすることで、WebPに対応したブラウザに対してWebPで画像を配信することができます。

                        imgタグにImageFluxを適用するjQueryプラグインを作った - Qiita

                      • 【 jQuery】プラグイン無しで［Contact Form 7］にjQuery Datepicker（カレンダー機能）を追加する方法

                        株式会社オンズ 開発ブログ 【 jQuery】プラグイン無しで［Contact Form 7］にjQuery Datepicker（カレンダー機能）を追加する方法 ワードプレスプラグインの［Contact Form 7］使用時に、日付選択でカレンダー機能を追加する場合、4〜5年前までは［Contact Form 7 Datepicker］を利用するケースがほとんどでした。 しかしながら［Contact Form 7 Datepicker］はクロスサイトスクリプティング（XSS）の脆弱性が発覚し、すでに開発が終了しています。 公式ディレクトリからも削除されていますね。 同じ機能の代替プラグインとしては［Date Time Picker for Contact Form 7］が存在します。 Date Time Picker for Contact Form 7 もし［Contact Form

                          【 jQuery】プラグイン無しで［Contact Form 7］にjQuery Datepicker（カレンダー機能）を追加する方法
                        1

                        新着記事

                        はてなブックマーク

                        公式Twitter

                        はてなのサービス

                        • App Storeからダウンロード
                        • Google Playで手に入れよう
                        Copyright © 2005-2024 Hatena. All Rights Reserved.