jQuery アーカイブ - HomeMadeGarbage

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

画面をスクロールして、動画が画面の中央くらいに来た時に動画を再生し、動画が画面外に行くと再生を一時停止する固定ヘッダにも対応 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