jsでパラパラアニメ

jsでパラパラアニメ。
よく見かけるものはbackgroundpositionを制御するものが多くて、cssでの背景画像の指定が面倒なことがあったのでimgタグでも使えるようにしてみました。
背景画像にする場合は、divタグを入れ子にすれば使えます。

TODO
イベントをつけたい
コマ単位で秒数指定したい

———-
2013/8/16追記
coffee scriptに変更
バグ修正対応

———-
2013/4/20追記
逆再生に対応しました。

———-
2012/11/19追記
素材の縦並びに対応しました。

———-
2012/11/6追記
デモ追加

———-
2012/10/12追記
メソッド to() を追加

デモ:

デモ

続きを読む jsでパラパラアニメ

IEのwindow.onload代替スクリプト

メモ。あってるかどうかは未検証。

2013/7/12追記
javascript:void(0)がSSL環境のIEでセキュリティエラーになるため修正

/**
 * on load
 *
 */
function onLoad() {
	alert("onload");
}
 
if(/*@cc_on!@*/false) {
	//IE
	var s = document.createElement("script") || {};
 
	s.src = "://0";
	s.type = "text/javascript";
	s.setAttribute("defer", "defer");
	s.onreadystatechange = function () {
		if(this.readyState == "loaded") {
			onLoad();
		}
	};
 
	document.body.appendChild(s);
}
else {
	window.addEventListener("load", onLoad);
}

[js] スマートフォンのアドレスバーを、コンテンツの高さが足りないときでも非表示にする

——————————–
2013/4/24 追記
改良版を作成しました。

——————————–
アドレスバーの非表示を、要素の高さが足りないときでもできるように試してみました。
xperia arcとiPhoneで確認。

続きを読む [js] スマートフォンのアドレスバーを、コンテンツの高さが足りないときでも非表示にする

[js] スクロールイベントを取得

スクロール位置を監視して、スクロール開始、停止、スクロール中のイベントを実行します。
使い道はスクロール終了のイベントを取るくらい?
jQuery非依存。対象のDOMはとりあえずwindowのみ。

デモ:

デモ(別ウィンドウで開きます)

続きを読む [js] スクロールイベントを取得