ノストラダムスのことも思い出してあげてください。minamiです。 jQueryを使ってちょっとしたアニメーションを作ることも多いかと思いますが、jQuery.animateのようにCSSのプロパティをいじってアニメーションするのに加えてちょっとだけgifアニメのようなことができたらな~ということでjQueryのプラグインを作ってみました。 まずはサンプルをごらんください。 サンプル アニメーションの出来はともかくとして、動いています。STOPボタンを押すと途中で止めることもできます。 しくみ 用意するもの アニメーション用png(スプライト) jQuery※サンプルではv1.8.2 jquery.backgroundpos.min.js jquery.limitAnime.js まずアニメーション用の画像ですが、下記のようにコマを均等な幅で作った一枚の画像を用意します。これを要素の背景画
jQueryで画像のサイズを取得しようとしたらChrome,Safariで取得出来なかったからメモ。 Firefoxではこれで取得出来たのですが、(IE6以上、Operaもこれでオッケーみたいです。) $("img").width(); $("img").height(); ChromeやSafariではwidthもheightの値も0になります。 原因は画像を読み込む前に値を取得していることみたいです。 なので、 $("img").bind("load",function(){ $(this).width(); $(this).height(); }); 因みにbind()の使い方は $("hoge").bind("イベント名",function(){}); 詳しくはjQuery日本語リファレンスで。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く