jQuery.popeyeは、省スペースの画像ギャラリーにも最適な画像を拡大表示するlightboxのスクリプトです。 jQuery.popeye - an inline lightbox alternative demo オプションでは、インターフェイスのサイズ、拡大画像の表示方向、イージングのモーション、持続時間などを変更することができます。 スクリプトのオフ時には、スクロールでギャラリーの画像を閲覧することができます。

Google AJAX APIを使うとjQueryをgoogleからダウンロードできます。これを使うと自分でサーバーに配置する場合に比べて以下のようなメリットがあります。 バージョン指定を最後までしないことで最新版を利用できる gzipによる圧縮を自動で行ってくれる（jquery.minだと54.5 KB->16 KBへ） 普及すればネット全体でjQueryをキャッシュできる デメリットとしては以下のような感じでしょうか。 インターネットにつながっていないとライブラリが利用できない（ローカルでの確認時の問題） googleのサーバーが落ちたら困る（ほぼないと思いますが。。） 使い方はhtmlで読み込んでいるscript要素を以下のように書き換えるだけです。 <script type="text/javascript" src="js/jquery-1.2.6.min.js"></scrip

ウェブサイトを動的なページに変更したい、機能を拡張したいと思ったら、 Ajaxのツールを使って簡単に機能を拡張してみよう。 ウェブサイトを運営するとき、サイトを見たユーザーからコメントを残してもらうことがあります。 また、企業なら連絡方法としてメールの送信ができるように、メールフォームを用意していると思います。 こうしたウェブサイトのメールフォームをAjaxを使って導入することができます。

cube Labo Web標準,Javascript,PHPなどWeb制作に関する覚書を書いています。興味を持った分野について幅広く書いていこうと思います。 リンクにマウスを当てるとリンク先のサムネイルを表示するAjaxライブラリをご紹介します。 »Link Thumbnail とても簡単に導入することができます。 ダウンロード/解凍 arc90 lab : tools : Link Thumbnail ダウンロードしたファイルを解凍します。linkthumbフォルダのarc90_linkthumb.js,linkpic_shadow.gifをアップロードします。 スクリプトファイルの読み込み <script language="JavaScript" type="Text/JavaScript" src="○○○"></script> <style type="text/css" med

アクセシビリティを考慮したWEBページを作成するときに役立つのがA List Apart: Articles: Alternative Style: Working With Alternate Style Sheetsが紹介しているstyleswitcher.js。 アクセシビリティガイドラインにも「ガイドライン2.　色だけに依存しない」という項目があり、 2.1　色によって表現されている全ての情報は、その色を再現できない環境でも得られるようにしておく（たとえば、前後関係やタグ付けなどによって）。 [優先度1] (チェックポイント2.1) 2.2　前景色と背景色の組み合わせは、色の識別が困難な人やモノクロ画面を使用している人などに対しても十分なコントラストを与えるようなものにする。 [対画像：優先度2 、対テキスト：優先度3] (チェックポイント2.2)（引用：ウェブコンテンツ・アクセシ

cube Labo Web標準,Javascript,PHPなどWeb制作に関する覚書を書いています。興味を持った分野について幅広く書いていこうと思います。 LightboxはAjaxを利用した画像表示ライブラリです。 »Lightbox 2 とてもシンプルでJavascriptの知識がなくても利用できます。 Lightboxの利用方法の解説は下記のサイトを参考にしました。 »【ハウツー】ゼロからはじめるLightbox 2.0 - 簡単にWebで写真アルバム機能を (1) Lightbox 2.0とは？ | パソコン | マイコミジャーナル ここからはLightboxを実際に利用した際の覚書を健忘禄としてまとめています。 読み込み中を示す画像URL lightbox.jsを開きJavascriptの変数，fileLoadingImageを探します。変数fileLoadingImageに読