ちょっとハマったのでメモ。
分かってしまえば非常に単純な話なんだけど、たぶん多くの人がハマるんじゃないかなというポイントをまとめてみました。

元ネタはこちらになります。
》jQuery1.4から追加されたjQuery.proxy()を試してみる | THE HAM MEDIA BLOG

jQueryを使って click()、hover()などのイベントを扱う時、多くのサンプルコードではこんな感じに書いてますよね。

$('.button').click(
  function(){
    alert( this.id );
  }
);

大抵のものはこのままでも問題ないのですが、クラスやオブジェクト内の関数を扱いたい時にちょっと困ったことになります。

続きを読む

キャラクター人気投票で画像自体をフォームのラジオボタンやチェックボックスに
使いたかったので作りました。

<label>内に画像を置けばボタン代わりに出来るんですが、
選択状態によって画像を切り替えたかったのと、
IEだけ<label>内の画像に反応しないという、いつものアレな仕様もあったので……。

》jQuery.sygImageRadio
》デモページ

画像をラジオボタンやチェックボックスの代わりにすることで
デザインの自由度が上がるのと、入力状態がわかるのでユーザーの利便性が上がります。

詳しい使い方などはGitHubの配布ページでどうぞ。
》jQuery.sygImageRadio

複数の画像などをスクロールさせるのを「カルーセル」と言いますが
いざ使おうとしたら自分の求める仕様のものがなかったので（探すの面倒だったし）
作ってしまいました。

》jquery.syg_carousel
》デモページ

• スクロール対象の幅がバラバラでも大丈夫
• スクロールするだけのシンプルさ

というのが特徴です。

詳しい使い方などはGitHubの配布ページでどうぞ。
》jquery.syg_carousel