前の記事 ≪:技術系のサイトデザインに使えそうなPhotoshopブラシ集
次の記事 ≫:枠内でワークフロー風に華麗に動作する画像ギャラリー「Moving Boxes」

CSSやJS、画像などを一括で読み込んで読み込んだ後にfunction実行できる「xLazyLoader」

2009年02月19日-はてなブックマーク

スポンサード リンク
[PR] 英単語を忘却曲線アプリを使って超効率よく記憶する方法

xLazyLoader - ajaxsoft - Lightweight js, css and images loader - Google Code

CSSやJS、画像などを一括で読み込んで読み込んだ後にfunction実行できる「xLazyLoader」が公開されました。
次のようにしてファイルを一括読込みの後、loadメソッドが実行できます。jQueryプラグインです。

$.xLazyLoader({
js: ['ui.core.js','ui.dialog.js'],
css: ['ui.core.css', 'ui.dialog.css'],
image: ['your_image.jpg', 'your_image1.jpg', 'your_image2.jpg'],
name: 'dialog',
load: function(){
alert('All files are loaded');
}
});
必要なファイルセットを動的に読み込むことが可能で、読み込んだ後のloadメソッドをトリガにしてファイルセットを使ったページ内アクションが指定できますね。
まず思いつくこととして、CSSの切り替えが考えられますが、他にもJavaScriptを別途読み込んで何か処理をさせるということが出来そう。

IE6, IE7, FF2/3, Opera 9, Safari 3, Chrome でテスト済みとのこと。
関連の記事検索:jQuery, Ajax, CSS
スポンサード リンク

By.KJ : 2009年02月19日 10:04 livedoor Readerで購読 Twitterに投稿

間違いの指摘をしていただける方はメール、あるいはTwitter/FBでお願いします(クリック)