[B! jQuery] syake07のブックマーク

先読みする画像全ての読み込みが完了したら処理をする（上級） – jQueryサンプル集

先読みする複数の画像の全ての読み込みが完了したら、何か処理をする例になります。jQueryのDeferred/Promiseモデルをご存知の方向けになりますので、上級者向け情報になると思います。サンプルコードは、以下のようになります。 jQuery(function ($) { var promise; // 画像の先読み関数。promiseを返す。 function preload() { var promises = [], retDefer = $.Deferred(), imgs = $.map(arguments, function (val) { return val; }); $.each(imgs, function () { var img = new Image(), defer = $.Deferred(); img.onload = function () { de

syake07 2016/10/04

Deferred/Promiseモデルの使い方

jQuery

リンク

Homepage | GSAP

GSAP allows you to effortlessly animate anything JS can touch. Delivering silky-smooth performance and unmatched support so you can focus on the fun stuff. GSAP allows you to effortlessly animate anything JS can touch. Delivering silky-smooth performance and unmatched support so you can focus on the fun stuff.

syake07 2016/04/10

テキストアニメーションとか色々やってくれるライブラリ？

リンク

jQueryでスクロールすると表示する系いろいろ

jQueryでスクロールすると表示する系いろいろ最近はスクロールするときにいろいろ仕掛けをするのが流行なようです。ここではシンプルにある要素の位置とか最下部までスクロールしたら何か表示するということをやってみます。投稿日2012年03月08日更新日2019年12月19日ちょっとスクロールするとフェードして「トップへ戻るボタン」を表示を表示します。ボタンは下の方にこんな感じで配置します。 html <p id="page-top"><a href="#wrap">PAGE TOP</a></p> fixedにすると固定配置されます。 css #page-top { position: fixed; bottom: 20px; right: 20px; font-size: 77%; } #page-top a { background: #666; text-decoration

syake07 2014/06/23

ページの先頭へ戻るボタン出し方など

リンク

レスポンシブ動画も実装できるモーダルMagnific Popup｜こうめの“これから使える”jQueryプラグイン

「Magnific Popup」は、可変ウィンドウに対応した高機能なモーダルを実装できるjQueryプラグインです。画像をLight box風に表示するだけでなく、ギャラリーや動画のモーダル表示にも対応しており、さまざまなエフェクトも用意されています。また、スマートフォンで厄介なモーダル上のformの動作も問題なく動作しますので（Android 2.3／4.0／4.1／4.2で検証）、レスポンシブWebデザインで役立ってくれそうですね。 step1 jQueryプラグインの読み込み jQuery本体をjQueryの公式サイトから、Magnific Popupを配布ページからダウンロードしましょう。Magnific Popupはgithubで公開されており、ページ右下の「Download ZIP」というボタンからダウンロードします。最低限必要なファイルはdistフォルダの「jquery