サムネールをクリックすると同一ウィンドウ上に画像を表示するという Lightbox JS です。ご質問を頂いて知ったのですが結構広まっているようです。 ということでこのエントリーにてご紹介したいと思います。 2006.10.10 追記:機能改善された Litebox 1.0 の記事「Litebox 1.0 をブログに適用する」を公開しています。 0.動作 公式サイトでも確認できますが、とりあえず上のサムネイルをクリックしてください。ローディング画像が表示された後、元画像が表示されるという、お洒落なスクリプトです。 表示された画像をクリックすると元の画面に戻ります。一度表示された画像を再度クリックするとローディング画像は表示されません。 以下、このスクリプトの設定方法です。 1.ファイルのダウンロード 動作に必要なファイル(スクリプト・スタイルシート・画像)をダウンロードします。 まず下記の
2006年02月12日00:57 カテゴリLightweight Languages JavaScript - Incremental Search a la Google Cache これを見て急に作りたくなったので。車輪の再発明を恐れずJavaScriptの習作としてやってみました。 [を] 検索結果キーワードをハイライトするPerlモジュール キーワード(複数)とマッチする箇所を span + background-color で ハイライトするPerlモジュールを作ってみました。 Keywords: text Text: 漢字、カタカナ、ひらがなの入ったtext. The quick brown fox jumps over the black lazy dog. Dan the (?:ECMA|Java)script Newbie Result: 漢字、カタカナ、ひらがなの入った
Web Page Analyzer Try our free web site speed test to improve website performance. Enter a URL below to calculate page size, composition, and download time. Web Page Analyzerを使えば、webサイトのHTMLサイズ、使っている画像の総サイズ/参照数、Css/Javascriptのサイズ/参照数を計算し、その全サイズを元に回線別の表示速度まで出してくれます。 いろんな環境に対応したwebサイト制作や、サイトの最適化に役立ちます。 このツールを使って定期的にサイズを比較してみるのも面白いかもしれませんね。 自分のページのJS/CSSを含んだ容量がどの程度増えていくか、というグラフを作ってPVとの相関関係を見るなど。 web
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く