JavaScript

jQueryによる画像プリロード。

2015.02.02 / Notes

CSSを使ってボタンのロールオーバーで画像を差し替えなどの処理の際に、画像が読み込まれていない状態では一瞬ちらつきが発生することがあります。
ロールオーバー用の画像をあらかじめ読み込むために、jQueryを使って画像をプリロードするためのメモです。

Drupal 7のテーマでIE向けのJavaScriptの読み込み。

2014.04.05 / Notes

Drupalのテーマで、古いIE向けに条件コメント付きのJavaScriptの読み込み方法です。

 

テーマディレクトリ内の「template.php」ファイルにプリプロセスとして次のように記述します。

実際のレンダリングでは次のようになります。

jQueryでウィンドウリサイズ時にタイマー処理。

2013.11.11 / Notes

ウィンドウのリサイズ時に、少し遅れて画像を移動させたりするためのタイマー処理のメモです。
「resize」の部分を「scroll」にすれば、スクロール時のタイマー処理になります。

jQueryのプラグイン「jScrollPane」でカスタムスクロールバーを簡単に設置。

2013.10.26 / Notes

デザインをカスタマイズできる、jQueryのプラグイン「jScrollPane」でスクロールバーを簡単に設置する際のメモです。
サンプルはこちら

 

設置にはjQuery本体と、jScrollPaneプラグインにマウスホイール用のプラグインをあらかじめ読み込みます。

スタイルシートは最小限のみを記述しています。

 

jScrollPane

JavaScriptの正規表現でファイル名を分割。

2012.11.07 / Notes

JavaScriptの正規表現でファイル名を、名称の部分と拡張子の部分を分割する際のメモです。