[JS]画像の読み込み・表示を工夫するためのスクリプト集
ImageLoader Utility -YUI サンプルでは、タイマー表示、マウスオーバーやクリックをトリガーとして表示、スクロールして可視範囲に含まれたら表示などがあり、これらを組み合わせて画像の表示タイミングを調整することも可能です。 また、クラス名でのコントロールも可能です。 Lazy Load Plugin for jQuery jQueryのプラグインで、画像がスクロールして可視範囲にふくまれたら、画像の読み込みを開始します。 Lazy Load Plugin for jQuery 使用するには、dimensions.js(jQueryのプラグイン)も必要です。 また、jQuery 1.1.4ではバグがあるとのことなので、昨日リリースしたjQuery 1.2でも動作しないかもしれません。 jQuery 1.2のリリース情報 lazierLoad - Javascript Ima
LITBoxの使い方サンプル
シンプルなサンプル † 単に別ページの内容を読み込んでBOX内に表示しているだけです。 LITBoxサンプル１ (LITBoxの基本サンプル) LITBoxの生成部分 new LITBox('http://staff.ark-web.jp/~takemura/public/js/litbox/sample1.html', {type:'window',overlay:true}); 明示的に改行しますが、実際は改行させません 第1引数、別ページの内容を読み込んでくるURL 第2引数、Option値 (次でやります) ↑ OptionによるBOXの制御 † 上の例では、読み込んだBOXの下がやけに長いのが気になりますね。 LITBoxはOptionでBOXの大きさの制御が可能です。 LITBoxサンプル２ (Optionを指定する) LITBoxの生成部分 new LITBox('http:
画像の拡大プレビューを超クールに行える「Highslide JS」:phpspot開発日誌
Highslide JS - JavaScript thumbnail viewer Highslide JS, formerly Vevstein Thumbnail Expander, is a piece of JavaScript that streamlines the use of thumbnail images on web pages. The library offers these features and advantages: 画像の拡大プレビューを超クールに行える「Highslide JS」。 サムネイルをクリックするとそのまま画像がズームされ、影付きで写真を表示できます。 設置は次のように行います。 スクリプトインクルード <script type="text/javascript" src="highslide/highslide.js"></script>
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
