jQuery

Home > jQuery

スクロール位置による動画の自動再生と停止

画面をスクロールして、 動画が画面の中央くらいに来た時に動画を再生し、 動画が画面外に行くと再生を一時停止する 固定ヘッダにも対応 See the Pen スクロール位置による動画の再生と停止 by HomeMadeGarbage (@hmg) on CodePen. こちらを...

Web 2023.7.27 お母ちゃん アバター画像

モーダルで画像拡大とピンチアウト:Modaal.js + PinchZoom.js

HomeMadeGarbage Advent Calendar 2022 |2日目 モーダルでの画像拡大表示と、スマホではピンチアウトが出来る様にしたメモ_φ(・_・ デモページ See the Pen ーダルで画像拡大とピンチアウト:Modaal.js + PinchZoom.js by...

Advent Calendar 2022.12.2 お母ちゃん アバター画像

[JavaScript] 期間の重複チェック

期間Aと期間Bを比較して、重複があるかチェックするIFメモ if ((dateA.start >= dateB.start && dateA.start <= dateB.end) || (dateA.end >= dateB.start &&a...

Web 2019.8.21 お母ちゃん

on.(“click” で設定されたイベントを取得、処理を挿入し、再設定する

こちらの記事を参考にさせて頂きました。 Check! jQuery ですでに登録されているイベントを取得し、割込ませたりするメモ next が上手く動作出来なかったので下記の形で再設定しました。 // クリックイベントに設定されたハンドラを取得する var events = $._data(...

Web 2019.8.16 お母ちゃん

WordPress:コメントの項目名をjQueryで変更

コメント の項目に「任意」を追加するのに、WP側の修正は少し面倒そうだったので jQueryで変更しました。 「コメント」以外に(任意)を追加する $('.comment-form > p:not(.comment-form-comment) label').append('(任意)'...

Web 2018.11.6 お母ちゃん

横幅いっぱいmp4のレスポンシブ背景(キービジュアルなど)

video タグだと Chrome で動かなかったので video.js を使いました。 video.js Video.js: The Player Framework  CDNを利用する場合 head  <link href="https://vjs.zencdn.net...

Web 2018.8.21 お母ちゃん

動的追加要素の読み込み完了後にイベント追加

jQuery によって追加された iframe 読み込み完了後にイベントを登録したいけど、タイミングによってまちまちだったので下記の形で対応。 jQuery(function($) { var timer = setInterval(function() { if($('ifram...

Web 2017.10.30 お母ちゃん

Instagram API + Slider Pro で インスタグラムの最新フィードをスライダー表示

HPのサイドバーにインスタグラムのカルーセルを埋め込みました。→ PHP <?php //POSTリクエストの場合のみ受付 if($_SERVER['REQUEST_METHOD'] == 'POST'){ //アクセストークン $access_token = 'ア...

Web 2017.6.26 お母ちゃん

jQuery : 背景画像のクロスフェード (プラグイン無し)

プラグイン無しでやる、メモメモ???????? See the Pen xdZKBr by HomeMadeGarbage (@hmg) on CodePen. CodePen 楽しい!(初めて使った) 参考にさせて頂きました jQueryで背景画像をフェードイン・フェードアウト   ...

Web 2017.4.19 お母ちゃん

MTの投稿画面で特定のカテゴリを非表示にする [MTAppjQuery]

MTで、MTAppjQueryを使い投稿画面から特定のカテゴリを隠す var hideCategories = '<MTSubCategories category="隠したいカテゴリ"><$MTCategoryLabel$><MTUnless tag="MTS...

Web 2016.12.22 お母ちゃん

Slider Pro カスタマイズ:スライダーが2枚の時に対応

Slide Proで、スライダーが2枚の時に上手く動かなかったので、調整しました。 通常、2枚の時 ノーマルスライダー 一瞬消える 100%のスライダー 左側が空白になる   カスタマイズ Demo ノーマルスライダー ...

Web 2016.12.1 お母ちゃん

Foundation 6 : jQuery で追加した data-equalizer-watch 要素の高さ揃え

そのままでは高さが揃わないので、 追加した要素に new Foundation.Equalizer(element).applyHeight(); を追加する $(function(){ var element = $('#test-eq'); $...

Web 2016.11.2 お母ちゃん

jQueryで外部RSSの取得

DL プラグインをDLさせて頂く GitHub - denka/jQuery-Plugins at e5f123741ce6bc1be93e1db846a0e59cfe7e750c ※ 注意 こちらではRSSの取得が出来ない GitHub - padolsey-archive/jquery...

Web 2016.11.1 お母ちゃん

WordPress に Instagram API を使って タグのギャラリー表示②

前回の記事↓から 少し改造しました。 https://homemadegarbage.com/wp-insta-api-tag-gallery 改造ポイント タグをHTML側で指定可能に ページ内に複数のギャラリーを表示 コード HTML <div class="in...

WordPress 2016.10.1 お母ちゃん

WordPress に Instagram API を使って タグのギャラリー表示

先日書いたフクロウカフェの記事で、「インスタグラムのタグを拾ってギャラリー表示したい!」と試みたところめちゃくちゃ苦労したので、残しておきます。 まずはAPIの取得 登録方法などは色々なサイト様で解説して下さっているのでここではざっくり記載します。 Instagram Developer ...

PC / スマホ / WordPress 2016.6.22 お母ちゃん